@charset "utf-8";

.am-header .tab>li,.am-header>p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.am-header .button,.am-header .tab>li {
	display: inline-block;
	text-align: center
}

body {
	font-family: Helvetica,"微软雅黑","华文细黑","黑体";
	font-size: 14px;
	background: #fff;
	color: #555
}

* {
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}
/*登录页面S*/
.login_header{
	text-align: center;
  margin-bottom: 1em;
}
.login_header img{
	width:120px;
	height:120px;
}
.login_header p {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    margin: 0 auto 25px;
}
/*登录页面E*/
.am-widthLimite {
	max-width: 500px;
	margin: 0 auto;
	overflow: hidden;

}

.am-page {
	background: #f5f5f5
}

.am-header {
	max-width: 100%;
	height: 44px;
	background: -webkit-linear-gradient(left,#4c246a 0,#b563a8 50%,#532261 100%);
	color: #FFF;
	position: relative
}

.am-header>p {
	font-size: 18px;
	line-height: 44px;
	height: 44px;
	margin: 0 44px;
	font-weight: 700
}

.am-header>p.withOwnerName {
	font-size: 18px;
	line-height: 24px;
	padding-top: 3px
}

.am-header>div.ownerName {
	font-size: 11px;
	font-weight: 400;
	line-height: 12px;
	text-align: center
}

.am-header .button {
	height: 44px;
	width: 44px;
	position: absolute;
	line-height: 44px
}

.am-header .button.am-clickable-active {
	background-color: rgba(0,0,0,.1)
}

.am-header .left {
	top: 0;
	left: 0
}

.am-header .right {
	top: 0;
	right: 0
}

.am-header .tab {
	font-size: 12px;
	position: absolute;
	left: 44px;
	right: 44px;
	bottom: 0;
	padding: 8px 0;
	height: 28px;
	text-align: center
}

.am-header .tab>li {
	height: 26px;
	line-height: 26px;
	width: 67px;
	border: 1px solid #fff;
	border-radius: 0
}

.am-header .tab>li:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.am-header .tab>li:last-child {
	margin-left: -4px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.am-header .tab>li.selected {
	background: #fff;
	color: #e768ae
}

.isios .am-page .am-header {
	padding-top: 20px
}

.isios .am-page .am-header .left,.isios .am-page .am-header .right {
	top: 20px
}

.am-header .right.share {
	background: url(../images/share.png) center center no-repeat;
	background-size: 20px 20px
}

.am-header .left.message {
	background: url(../images/messages.png) center center no-repeat;
	background-size: 23px 19px
}

.am-header .left.message>.redDot {
	position: absolute;
	top: 8px;
	right: 5px;
	display: none;
	border-radius: 10px;
	background: #f91929;
	width: 8px;
	padding: 0;
	height: 8px
}

.am-header .am-backbutton {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/back.png);
	background-size: 18px 18px
}

.am-header div.button.am-clickable-active {
	background-color: rgba(0,0,0,.1)
}

.class-fullcenter {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.am-page-loading {
	background-color: #f5f5f5;
	z-index: 100
}

.am-page-loading span {
	margin: 0 auto;
	display: block;
	width: 90px;
	height: 90px;
	background: url(../libs/am/images/loading.png) center center no-repeat;
	background-size: 32px 32px;
	-webkit-animation: animation-loading infinite linear 1s;
	left: 0;
	top: 0
}

.am-page-loading p {
	line-height: 50px;
	font-size: 12px;
	padding: 0 50px;
	text-align: center;
	color: #888
}

.am-page-version {
	display: none
}

.am-page-error,.am-page-version {
	background-color: #f5f5f5;
	z-index: 100
}

.am-page-error span,.am-page-version span {
	background: #ca54b6;
	color: #fff;
	width: 100px;
	line-height: 35px;
	font-size: 14px;
	display: block;
	margin: auto;
	text-align: center
}

.am-page-error span.am-clickable-active,.am-page-version span.am-clickable-active {
	background: #B742A3
}

.am-page-error p,.am-page-version p {
	line-height: 20px;
	font-size: 15px;
	padding: 64px 0 15px;
	text-align: center;
	color: #AAA;
	background: url(../images/wi-fi-128.png) center top no-repeat;
	background-size: 64px 64px
}

.am-page-version p {
	width: 200px;
	padding-top: 130px;
	background-image: url(../images/icon_nodata.png);
	background-size: 118px 118px
}

.am-page-empty {
	background-color: #f5f5f5;
	z-index: 100
}

.am-page-empty span {
	display: block;
	height: 118px;
	background: url(../images/icon_nodata.png) center bottom no-repeat;
	background-size: 118px 118px
}

.am-page-empty p {
	line-height: 50px;
	font-size: 12px;
	padding: 0 50px;
	text-align: center;
	color: #AAA
}

.am-page-empty,.am-page-error,.am-page-loading {
	display: none
}

.am-body-inner {
	display: block;
	min-height: 100%
}
.am-body-inner .reseration_list1{
	background-color: #eee;
}

.am-status-loading .am-page-loading,.am-status-version .am-page-version {
	display: -webkit-box
}

.am-status-error .am-page-loading,.am-status-loading .am-page-empty,.am-status-loading .am-page-error {
	display: none
}

.am-status-error .am-page-error {
	display: -webkit-box
}

.am-status-empty .am-page-error,.am-status-empty .am-page-loading,.am-status-error .am-page-empty {
	display: none
}

.am-status-empty .am-page-empty {
	display: -webkit-box
}

.am-loadmore {
	height: 42px;
	text-align: center
}

.am-popup,.am-popup-wrap {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.am-loadmore span {
	line-height: 20px;
	background: #dadadc;
	border-radius: 20px;
	font-size: 12px;
	color: #a4a4a4;
	padding: 0 26px;
	display: inline-block;
	margin: 6px 0 5px
}

.am-table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px
}

.am-table td,.am-table th {
	line-height: 20px;
	padding: 13px 3px;
	text-align: center;
	color: #4e4e4e
}

.am-table td:first-child,.am-table th:first-child {
	border-right: #dfdfdf 1px solid
}

.am-table th {
	font-size: 15px
}

.am-table tr:nth-child(even) {
	background: #e8e8e8
}

.am-popup {
	position: fixed;
	z-index: 99;
	display: none
}

.am-popup-wrap {
	position: absolute;
	background: rgba(0,0,0,.5);
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center
}

.helpIcon,.page-custList .middle .l1 span,.page-tip {
	display: inline-block;
	vertical-align: middle
}

.page-button.green {
	background: -webkit-gradient(linear,left top,left bottom,from(#34b502),to(#2d9f01));
	line-height: 40px;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,.2) 1px 1px 5px,rgba(255,255,255,.3) 0 1px 1px inset;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #FFF
}

.page-button.green.am-clickable-active {
	background: -webkit-gradient(linear,left top,left bottom,from(#2d9f01),to(#34b502))
}

.page-header {
	width: 45px;
	height: 45px;
	border: 3px solid #fff;
	border-radius: 42px;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	margin: auto;
	background: url(../images/bg-woman.png) center center no-repeat;
	background-size: contain;
	overflow: hidden
}

.page-header.male {
	background-image: url(../images/bg-man.png)
}

.page-header img {
	width: 100%;
	height: 100%;
	border-radius: 59px
}

.helpIcon {
	width: 30px;
	height: 30px;
	background: url(../images/helpIcon.png) center center no-repeat;
	background-size: 15px 15px;
	margin-top: -6px
}

.page-custList {
	background: #fff
}

.page-custList .noresult {
	padding: 20px;
	color: #666;
	text-align: center
}

.page-custList .middle .l3,.page-custList .right .l3 {
	padding-left: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.page-custList li {
	height: 80px;
	position: relative
}

.page-custList .left {
	height: 80px;
	width: 72px;
	position: absolute;
	top: 0;
	left: 0
}

.page-custList .left .page-header {
	margin-top: 6px
}

.page-custList .left p {
	text-align: center;
	line-height: 25px;
	color: #bbb;
	font-size: 11px
}

.page-custList .middle {
	height: 80px;
	margin: 0 0 0 82px;
	padding-right: 10px;
	border-bottom: 1px solid #d0d0d0
}

.page-custList .middle .l1 {
	color: #2a2a2a;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	padding-top: 10px
}

.page-custList .middle .l2,.page-custList .middle .l3 {
	color: #757575;
	font-size: 11px;
	height: 14px;
	line-height: 14px;
	padding-top: 10px
}

.page-custList .middle .l1 .gender {
	width: 11px;
	height: 14px;
	background: url(../images/gender-f.png) center center no-repeat;
	background-size: 11px 14px
}

.page-custList .middle .l1 .gender.male {
	background-image: url(../images/gender-m.png)
}

.page-custList .middle .l1 .favor {
	width: 14px;
	height: 14px;
	background: url(../images/favor.png) center center no-repeat;
	background-size: 14px 14px
}

.page-custList .middle .l1 .type1 {
	width: 15px;
	height: 14px;
	background: url(../images/custType-1.png) center center no-repeat;
	background-size: 15px 14px
}

.page-custList .middle .l1 .type2 {
	width: 15px;
	height: 14px;
	background: url(../images/custType-2.png) center center no-repeat;
	background-size: 15px 14px
}

.page-custList .middle .l1 .type3 {
	width: 15px;
	height: 14px;
	background: url(../images/custType-3.png) center center no-repeat;
	background-size: 15px 14px
}

.page-custList .middle .l1 .type4 {
	width: 15px;
	height: 14px;
	background: url(../images/custType-4.png) center center no-repeat;
	background-size: 15px 14px
}

.page-custList .middle .l1 .typelow {
	width: 32px;
	height: 14px;
	background: url(../images/custType-low.png) center center no-repeat;
	background-size: 32px 14px
}

.page-custList .middle .l3 {
	background: url(../images/store.png) left 11px no-repeat;
	background-size: 12px 12px
}

.page-custList .middle .big {
	font-size: 10px
}

.page-custList .right {
	height: 80px;
	width: 100px;
	position: absolute;
	top: 0;
	right: 0
}

.page-custList .right .l1 {
	color: #2a2a2a;
	font-size: 12px;
	height: 14px;
	line-height: 14px;
	padding-top: 10px
}

.page-custList .right .l2 {
	color: #757575;
	font-size: 11px;
	height: 14px;
	line-height: 16px;
	padding-top: 8px
}

.page-custList .right .l3 {
	color: #757575;
	font-size: 11px;
	height: 14px;
	line-height: 14px;
	padding-top: 10px;
	background: url(../images/store.png) left 11px no-repeat;
	background-size: 12px 12px
}

.page-custList .right .highlight {
	font-size: 14px;
	background: #034b90;
	color: #fff;
	padding: 0 7px;
	border-radius: 7px
}

.page-tip {
	height: 20px;
	width: 20px;
	background: url(../images/icon_help.png) center center no-repeat;
	background-size: 20px 20px
}

.c_selector {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.page_selector_container {
	position: relative;
	top: 52px;
	margin: 0 10px;
	border: 1px solid #FFF;
	background: #FFF;
	line-height: 36px;
	box-shadow: rgba(0,0,0,.8) 1px 1px 5px
}

.page_select,.page_textarea {
	box-shadow: rgba(0,0,0,.1) -1px -1px -2px
}

.page_selector_container .title {
	background: #034b90;
	line-height: 36px;
	padding: 0 10px;
	color: #FFF
}

.page_selector_container .close {
	float: right;
	width: 36px;
	height: 36px;
	opacity: .8;
	background: url(../images/close.png) center center no-repeat;
	position: relative;
	left: 10px;
	cursor: pointer
}

.page_selector_container .close:hover {
	opacity: 1
}

.page_selector_container dd,.page_selector_container dt {
	padding-left: 10px;
	line-height: 32px
}

.page_selector_container dt {
	background: #e8e8e8;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	height: 32px;
	margin-top: -1px
}

.page_selector_container dd {
	padding-top: 8px;
	font-size: 12px
}

.page_selector_container .tips {
	float: right;
	color: #b5b5b5
}

.page_selector_container .name {
	font-size: 12px;
	font-weight: 700
}

.page_selector_container .item {
	width: 50%;
	height: 40px;
	float: left
}

.page_selector_container .item.strong {
	font-weight: 700
}

.page_selector_container .store {
	border: 1px solid #d5d5d5;
	line-height: 30px;
	margin-right: 10px;
	padding-left: 10px;
	cursor: pointer;
	text-overflow: ellipsis;
	height: 30px;
	overflow: hidden
}

.page_selector_container dd .item:nth-child(n) .store {
	border-left: 2px solid #aa73d1
}

.page_selector_container dd .item:nth-child(2n) .store {
	border-left: 2px solid #f5619c
}

.page_selector_container dd .item:nth-child(3n) .store {
	border-left: 2px solid #b68571
}

.page_selector_container dd .item:nth-child(4n) .store {
	border-left: 2px solid #10c2ce
}

.page_selector_container dd .item:nth-child(5n) .store {
	border-left: 2px solid #f5b889
}

.page_selector_container .arrow_up {
	position: absolute;
	left: 50%;
	top: -8px;
	margin-left: -7px;
	width: 13px;
	height: 8px;
	background: url(../images/arrow_up1.png) center center no-repeat
}

.page_selector_container .item .store:hover {
	border-color: #AAA;
	background-color: #f8f8f8
}

.page_selector_container dd .item .store.selected {
	border-color: #034b90;
	color: #034b90;
	font-weight: 700;
	background: url(../images/checked.png) right bottom no-repeat
}

.page_selector_container .arrow {
	float: right;
	height: 32px;
	width: 32px;
	background: url(../images/arrow_right.png) center center no-repeat #ddd
}

.page_selector_container .closed .arrow {
	float: right;
	height: 32px;
	width: 32px;
	background: url(../images/arrow_down1.png) center center no-repeat #ddd
}

.ownerName.openOwnerSelect span {
	background: url(../images/delta.png) right center no-repeat;
	background-size: 10px 6.5px;
	padding-right: 15px
}

.popup-help .title {
	height: 39px;
	line-height: 39px;
	background: #195693;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border-radius: 3px 3px 0 0
}

.popup-help .am-popup-inner {
	width: 90%
}

.popup-help .content {
	line-height: 20px;
	font-size: 14px;
	padding: 10px 10px 49px;
	min-height: 100px
}

.popup-help .content>p {
	text-indent: 2em;
	margin-bottom: 5px
}

.popup-help .buttonGroup {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 39px;
	line-height: 39px;
	background: #195693;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border-radius: 0 0 3px 3px;
	display: -webkit-box;
	-webkit-box-orient: horizontal
}

.page-splash .line1,.page-splash .line2 {
	color: #fff;
	line-height: 44px;
	text-align: center
}

.popup-help .buttonGroup li {
	-webkit-box-flex: 1
}

.popup-help .buttonGroup li.am-clickable-active {
	background-color: #004070
}

.page-splash {
	background: #034b90
}

.page-splash .line1 {
	font-size: 33px;
	font-weight: 700;
	text-shadow: 2px 4px 1px #05284d;
	margin-top: 55px;
	font-style: italic
}

.page-splash .line2 {
	font-size: 22px;
	text-shadow: 1px 2px 1px #05284d;
	margin-top: 20px
}

.page_button.blue,.page_button.green,.page_button.red,.page_button.yellow {
	color: #FFF;
	font-weight: 700
}

.page-splash .bottomPic {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	z-index: -1
}

.page_input {
	padding: 5px 20px;
	background-color: #FFF;
	border: 1px solid #eee;
	border-radius: 20px;
	min-height: 25px
}

.page_input input {
	border: none;
	width: 100%;
	font-size: 14px;
	height: 25px;
	padding: 0;
	margin: 0
}

.page_textarea {
	padding: 5px 0 0 10px;
	background-color: #FFF
}

.page_textarea textarea {
	border: none;
	width: 100%;
	font-size: 14px;
	height: 60px;
	padding: 0;
	margin: 0;
	line-height: 20px
}

.page_button {
	height: 40px;
	border: none;
	background: #FFF;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	padding: 0 10px;
	border-radius: 20px
}

.page_button.blue {
	background: #e768ae
}

.page_button.blue.am-clickable-active {
	background-color: #843587
}

.page_button.yellow {
	background: #e768ae
}

.page_button.yellow.am-clickable-active {
	background-color: #843587
}

.page_button.green {
	background: #88a64c
}

.page_button.red {
	background: #d85646
}

.page_select {
	padding-left: 10px;
	background: url(../images/arrow-select.png) right center no-repeat #FFF;
	background-size: 30px 30px;
	position: relative
}

.page_select select {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.page_select .text {
	line-height: 40px;
	color: #666
}

.comment_title,.store_selector {
	line-height: 20px;
	font-size: 12px
}

.comment_title {
	font-weight: 700;
	padding: 0 0 0 10px;
	background: #f9f9f9;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	text-shadow: #FFF 0 1px 0
}

.store_selector {
	height: 20px;
	color: #CCC;
	background: url(../images/arrow_store.png) 5px center no-repeat #666;
	background-size: 12px 12px;
	padding: 0 25px
}

.store_selector_fixed {
	position: absolute;
	bottom: 60px;
	background: #d85646;
	left: 0;
	color: #FFF;
	font-size: 12px;
	z-index: 2;
	height: 36px;
	box-shadow: rgba(0,0,0,.3) 1px 1px 5px
}

.store_selector_fixed .icon {
	width: 8px;
	height: 40px;
	float: right
}

.store_selector_fixed .text {
	display: none
}

.page_leftPanel {
	width: 200px
}

.leftPanel_stores .stores-list .img,.leftPanel_stores .stores-list .img img {
	width: 40px;
	height: 40px;
	border-radius: 30px
}

.leftPanel_stores {
	padding: 0 10px
}

.leftPanel_stores .tanentName {
	font-size: 14px;
	font-weight: 700;
	color: #d85646;
	line-height: 30px;
	border-bottom: 1px solid #333
}

.leftPanel_stores .stores-list li {
	padding: 10px 0;
	border-bottom: 1px solid #333;
	height: 40px;
	position: relative
}

.leftPanel_stores .stores-list li.am-clickable-active {
	background-color: #333
}

.leftPanel_stores .stores-list .img {
	float: left;
	overflow: hidden
}

.leftPanel_stores .stores-list .content {
	margin-left: 50px;
	font-size: 12px;
	line-height: 14px;
	color: #888
}

.leftPanel_stores .stores-list .content .title {
	line-height: 22px;
	font-size: 12px;
	font-weight: 700;
	color: #FFF
}

.b_blue {
	border-color: #ca54b6
}

.b_gray {
	border-color: #EEE
}

.t_blue {
	color: #ca54b6
}

.t_gray {
	color: #888
}

.page_checkBox {
	background-color: #e768ae;
	width: 56px;
	height: 28px;
	float: right;
	border-radius: 16px;
	box-shadow: rgba(0,0,0,.2) 1px 1px 2px inset
}

.page_checkBox span {
	float: right;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	border-radius: 16px;
	margin: 2px;
	color: #FFF
}

.page_checkBox span:first-child {
	background-color: #FFF;
	float: left;
	color: #555;
	box-shadow: rgba(0,0,0,.2) 1px 1px 2px
}

.page_checkBox.checked span:first-child {
	background: 0 0;
	color: #FFF;
	box-shadow: none
}

.page_checkBox.checked span:last-child {
	background-color: #FFF;
	color: #555;
	box-shadow: rgba(0,0,0,.2) 1px 1px 2px
}

.page_checkBox.checked {
	background-color: #CCC
}

.page-messageBox {
	border-radius: 5px;
	background: #fff;
	width: 90%
}

.page-messageBox .title {
	border-radius: 5px 5px 0 0;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #8b4f90;
	font-size: 13px;
	color: #fff;
	position: relative
}

.page-messageBox .title>span {
	vertical-align: middle
}

.page-messageBox .content {
	line-height: 20px;
	font-size: 13px;
	color: #7a7a7a;
	padding: 15px
}

.page-messageBox .close {
	position: absolute;
	width: 35px;
	height: 35px;
	background: url(../images/page-messageBox-close.png) center center no-repeat;
	background-size: 16px 16px;
	right: 0;
	top: 0
}

.page-messageBox .close.am-clickable-active {
	background-color: #5e3661
}

.page-messageBox .icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/page-messageBox-icon.png) center center no-repeat;
	background-size: contain
}

.page-messageBox .actions {
	text-align: center;
	padding: 0 0 20px
}

.page-messageBox .button {
	display: inline-block;
	line-height: 27px;
	border-radius: 27px;
	border: 1px solid #dc8dbc;
	color: #dc8dbc;
	font-size: 13px;
	text-align: center;
	width: 100px;
	margin-right: 10px
}

.page-messageBox .button.dark {
	color: #fff;
	background: #dc8dbc
}

.page-messageBox .button.am-clickable-active {
	color: #fff;
	background: #b8769d
}

.page-messageBox .button:last-child {
	margin-right: 0
}

.upgradeProgress {
	height: 3px;
	right: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	margin-left: -100px;
	background: #fff;
	opacity: .6
}

.upgradeProgress-inner {
	height: 3px;
	background: #2d9f01
}

.upgradeProgress-text {
	text-align: center;
	font-size: 12px;
	position: absolute;
	width: 100%;
	top: 0
}

.isios .pswp__top-bar {
	top: 20px
}

.page-weixinTip {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.75);
	z-index: 100;
	display: none
}

.page-weixinTip .img {
	position: absolute;
	top: 20px;
	right: 40px;
	background: url(../images/weixinTip.png) center center no-repeat;
	background-size: contain;
	width: 68px;
	height: 78px
}

.page-weixinTip .text {
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 90px;
	right: 120px
}

.app_version {
	font-size: 10px;
	color: #555;
	opacity: .3;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 12px
}

.tab-main,.tab-main ul {
	height: 52px;
	width: 100%
}

.tab-main {
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,60,0,1);
	transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,60,0,1);
	-webkit-transition: -webkit-transform ease-in .2s
}

.tab-main.show {
	-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
	transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
}

.tab-main ul {
	background: #fafafa;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	border-top: 1px solid #eee
}

.tab-main li p.a,.tab-main li p.b,.tab-main li p.c,.tab-main li p.d,.tab-main li.selected p.a,.tab-main li.selected p.b,.tab-main li.selected p.c,.tab-main li.selected p.d,.tab-main li.selected p.e {
	background-image: url(../images/theme1/tab_sprite.png)
}

.tab-main li {
	-webkit-box-flex: 1;
	text-align: center;
	margin: 0 1px;
	position: relative;
	padding-top: 3px;
	height: 49px;
	width: 20%
}

.tab-main li p {
	width: 27px;
	margin: 0 auto;
	height: 27px;
	background-size: 33px 330px;
	background-repeat: no-repeat
}

.tab-main li p.a {
	background-position: 0 0
}

.tab-main li p.b {
	background-position: 0 -66px
}

.tab-main li p.c {
	background-position: 0 -132px
}

.tab-main li p.d {
	background-position: 0 -198px
}

.tab-main li p.e {
	background-image: url(../images/theme1/tab_sprite.png);
	background-position: 0 -264px
}

.tab-main li.selected p.a {
	background-position: 0 -33px
}

.tab-main li.selected p.b {
	background-position: 0 -99px
}

.tab-main li.selected p.c {
	background-position: 0 -165px
}

.tab-main li.selected p.d {
	background-position: 0 -231px
}

.tab-main li.selected p.e {
	background-position: 0 -297px
}

.tab-main li.home {
	padding: 0 5px
}

.tab-main li.home p {
	width: 40px;
	height: 40px;
	border-radius: 22px;
	background: #ccc;
	position: relative;
	top: 4px;
	border: 1px solid #bbb;
	overflow: hidden
}

.tab-main li.home p.c {
	background-image: none
}

.tab-main li.home.selected p {
	background-color: #ca54b6;
	border: 1px solid #ca54b6;
	background-image: none
}

.tab-main li.home img {
	width: 100%;
	border-radius: 40px
}

.tab-main li.home span {
	display: none
}

.tab-main li span {
	line-height: 18px;
	font-size: 12px;
	display: block
}

.tab-main li .line {
	display: none;
	position: absolute;
	bottom: 0;
	height: 3px;
	width: 100%;
	background: #ca54b6
}

.tab-main li.selected p,.tab-main li.selected span {
	color: #99499c
}

.tab-main li.selected .line {
	display: none
}

.tab-main li .num {
	position: absolute;
	top: 5px;
	left: 65%;
	display: none;
	min-width: 7px;
	padding: 0 5px;
	height: 16px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	border-radius: 10px;
	color: #fff;
	background: #f91929
}

.tab-main li .num.redDot {
	min-width: 8px;
	padding: 0;
	height: 8px
}

.page_slice li {
	position: relative
}

.page_slice li:nth-child(1) {
	background: url(../images/slice_0.png) center center no-repeat;
	background-size: cover
}

.page_slice li:nth-child(2) {
	background: url(../images/slice_1.png) center center no-repeat;
	background-size: cover
}

.page_slice li:nth-child(3) {
	background: url(../images/slice_2.png) center center no-repeat;
	background-size: cover
}

.page_slice li:nth-child(4) {
	background: url(../images/slice_3.png) center center no-repeat;
	background-size: cover
}

.page_slice .count {
	position: absolute;
	bottom: 30px;
	left: 50%
}

.page_slice .count p {
	position: relative;
	left: -50%;
	background-color: rgba(255,255,255,.4);
	width: 8px;
	height: 8px;
	border-radius: 4px;
	float: left;
	margin-right: 5px
}

.page_slice .count p.selected {
	position: relative;
	left: -50%;
	background-color: rgba(0,0,0,.2)
}

.page_slice .startup_button {
	width: 158px;
	height: 48px;
	background: url(../images/startup_btn.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	bottom: 50px;
	margin-left: -79px
}

.page_slice .skip_button {
	width: 60px;
	height: 40px;
	background: url(../images/startup_skip.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	right: 2px;
	top: 2px
}

.isios .page_slice .skip_button {
	top: 22px
}

.registorCodeForm,.setup_form .error {
	overflow: hidden;
	-webkit-transition: height .2s ease-in
}

.page_setup {
	background: #f1f1f1
}

.setup_banner {
	background: url(../images/login_bg.png) center center no-repeat;
	background-size: contain;
	position: relative
}

.setup_banner img {
	width: 100%
}

.setup_banner .text {
	line-height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 15px;
	color: #FFF
}

.setup_banner .name {
	font-size: 17px;
	font-weight: 700
}

.setup_banner .desc {
	font-size: 12px
}

.setup_form {
	padding: 0 40px
}

.setup_form .page_input,.setup_form .page_select,.setup_form .page_textarea {
	margin: 0 auto 10px
}

.setup_form .page_textarea {
	height: 60px
}

.setup_form .send {
	top: 3px;
	position: absolute;
	right: 48px;
	height: 29px;
	line-height: 29px;
	background: 0 0;
	font-size: 12px;
	color: #e768ae;
	padding: 0
}

.setup_form .setup_tag {
	width: 270px;
	line-height: 20px;
	font-size: 10px;
	padding: 5px 0;
	color: #888;
	margin: 0 auto
}

.setup_form .smsCodeLine {
	padding-right: 120px;
	position: relative
}

.setup_form .page_button.am-disabled {
	opacity: .6
}

.setup_form .voice {
	width: 37px;
	text-indent: -1000em;
	height: 29px;
	line-height: 29px;
	border-radius: 14px;
	padding: 0;
	top: 3px;
	background-image: url(../images/volume.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 16px;
	position: absolute;
	right: 6px
}

.setup_form .voice.am-disabled {
	color: rgba(255,255,255,.9)
}

.setup_form .submit {
	display: block;
	margin: 0 auto 5px
}

.setup_form .linkLine {
	height: 30px
}

.setup_form .link {
	color: #d85646;
	text-decoration: underline;
	font-size: 12px;
	line-height: 30px
}

.setup_form .linkLine .demo {
	float: right;
	color: #888;
	padding: 0 5px;
	line-height: 30px;
	font-size: 12px
}

.setup_desc,.setup_form .error {
	line-height: 20px;
	font-size: 12px
}

.setup_form .error {
	background: url(../images/Error-32.png) left 1px no-repeat;
	background-size: 16px 16px;
	width: 250px;
	padding-left: 20px;
	margin: 0 auto;
	color: #d85646;
	height: 0
}

.setup_form .error.show {
	height: 30px
}

.registorCodeForm {
	height: 0
}

.registorCodeForm.show {
	height: 123px
}

.setup_desc {
	height: 10px;
	color: #CCC;
	border-bottom: 1px solid #DDD;
	margin: 10px 0 20px;
	text-align: center
}

.setup_desc span {
	background: #f1f1f1;
	padding: 0 10px
}

.page_setup .appointment_form_select.user {
	margin: 0 0 10px;
	border-radius: 15px
}

.page_setup .appointment_form_select.user .page_input {
	margin-bottom: 0;
	background: 0 0
}

.page_setup .bottomTip {
	margin-top: 20px;
	font-size: 14px;
	color: #e768ae;
	text-align: center
}

.home-box .name::before,.main_metra .icon::before,.main_metra .metarItem::after {
	content: ""
}

.page_main .am-header {
	border-bottom: none
}

.main_banner {
	min-height: 80px;
	position: relative
}

.main_banner .logo {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 90px;
	height: 90px
}

.main_banner .logo img {
	width: 100%
}

.main_banner .tenantName {
	position: absolute;
	right: 8px;
	bottom: 8px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	padding: 0 5px;
	background-color: rgba(0,0,0,.3);
	border-radius: 2px
}

.main_banner .am-carrousel {
	height: 200px;
	overflow: hidden;
	position: relative
}

.main_banner .am-carrousel li {
	float: left;
	height: 200px;
	width: 100%
}

.main_banner .am-carrousel img {
	width: 100%;
	display: block
}

.main_banner .am-carrousel .count {
	position: absolute;
	bottom: 5px;
	left: 50%
}

.main_banner .am-carrousel .count p {
	float: left;
	width: 8px;
	height: 8px;
	background: #333;
	opacity: .8;
	margin-right: 5px;
	border-radius: 4px;
	position: relative;
	left: -50%
}

.main_banner .am-carrousel .count p.selected {
	background: #ca54b6
}

.home-box {
	background: #fff
}

.home-box ul {
	padding: 10px 0;
	height: 16px
}

.home-box li {
	width: 33%;
	float: left;
	height: 16px;
	position: relative;
	line-height: 16px;
	text-align: center;
	border-right: 1px solid #eee
}

.home-box li:last-child {
	border-right: none
}

.home-box .name {
	display: inline-block;
	line-height: 20px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	color: #747474
}

.home-box .name::before {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 2px
}

.main_info_logo,.main_info_logo img {
	width: 60px;
	height: 60px
}

.home-box li:nth-child(1) .name::before {
	background: url(../images/main_sprite.png) -30px -958px no-repeat;
	background-size: 56px 1151px
}

.home-box li:nth-child(2) .name::before {
	background: url(../images/main_sprite.png) -30px -928px no-repeat;
	background-size: 56px 1151px
}

.home-box li:nth-child(3) .name::before,.home-box li:nth-child(4) .name::before {
	background: url(../images/main_sprite.png) -30px -808px no-repeat;
	background-size: 56px 1151px
}

.main_info .content {
	font-size: 13px;
	color: #666;
	padding: 10px;
	line-height: 20px
}

.main_info_logo {
	float: left
}

.main_info_desc {
	margin-left: 70px;
	line-height: 20px;
	height: 60px;
	overflow: hidden
}

.tenantInfo {
	padding: 10px;
	font-size: 12px
}

.page_tenantInfo {
	background-color: #f5f5f5
}

.page_tenantInfo .class-fullcenter {
	top: 44px;
	background-color: #f5f5f5
}

.isios .page_tenantInfo .class-fullcenter {
	top: 64px
}

.page_tenantInfo img {
	max-width: 100%
}

.main_archive .hairType {
	float: right
}

.main_archive .hairType span {
	padding: 0 5px;
	font-size: 12px;
	color: #888
}

.main_archive .hairType span.am-clickable-active {
	background: #eee
}

.main_activity {
	height: 35px;
	position: relative;
	border-bottom: 1px solid #ececec
}

.main_activityUl {
	height: 35px;
	background: #f7e5e8;
	overflow: hidden
}

.main_activityUl ul {
	-webkit-transition: top .2s linear;
	position: relative;
	top: 0
}

.main_activityUl li {
	height: 35px
}

.main_activity .icon {
	height: 35px;
	float: left;
	width: 35px;
	background: url(../images/main_sprite.png) 0 -593px no-repeat;
	background-size: 56px 1151px
}

.main_activity .text {
	margin: 0 40px;
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #ea506a;
	line-height: 35px
}

.main_activity .more {
	font-size: 8px;
	color: #ed7086;
	padding-left: 5px
}

.main_activity .count {
	position: absolute;
	height: 24px;
	top: 5px;
	right: 10px;
	width: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.main_activity .count p {
	-webkit-box-flex: 1;
	position: relative
}

.main_activity .count span {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -1px 0 0 -1px;
	width: 2px;
	height: 2px;
	border-radius: 2px;
	background: #ed7086
}

.main_activity .count p.selected span {
	width: 4px;
	height: 4px;
	background: #ed7086;
	margin: -2px 0 0 -2px
}

.main_banner {
	padding: 0
}

.main_metra {
	padding: 10px
}

.main_metra .metarItem {
	background: #fff;
	background-size: 15px 15px;
	height: 50px;
	border-radius: 25px;
	margin-bottom: 10px;
	position: relative
}

.main_metra .metarItem::after {
	position: absolute;
	right: 20px;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -8px;
	background: url(../images/main_sprite.png) 0 -1131px no-repeat;
	background-size: 56px 1151px
}

.main_metra .icon {
	width: 44px;
	height: 44px;
	border-radius: 25px;
	background: #e683b4;
	border: 3px solid #fff;
	box-shadow: rgba(0,0,0,.1) 1px 0 2px;
	float: left
}

.main_metra .metarItem.am-clickable-active {
	background-color: #f5f5f5
}

.main_metra .icon::before {
	display: block;
	width: 40px;
	height: 40px;
	margin: 2px auto;
	border-radius: 25px
}

.main_reservation .icon {
	background: #e683b4
}

.main_reservation .icon::before {
	background: url(../images/main_sprite.png) 0 -503px no-repeat;
	background-size: 56px 1151px
}

.main_member .icon {
	background: #c9c
}

.main_member .icon::before {
	background: url(../images/main_sprite.png) 0 -548px no-repeat;
	background-size: 56px 1151px
}

.main_mall .icon {
	background: #f99
}

.main_mall .icon::before {
	background: url(../images/main_sprite.png) 0 -98px no-repeat;
	background-size: 56px 1151px
}

.main_archive .icon {
	background: #ffbf99
}

.main_archive .icon::before {
	background: url(../images/main_sprite.png) 0 -413px no-repeat;
	background-size: 56px 1151px
}

.main_metra .name {
	font-size: 14px;
	color: #222;
	line-height: 20px;
	padding-top: 7px;
	margin-left: 60px
}

.main_metra .desc {
	margin-left: 60px;
	color: #ccc;
	font-size: 11px;
	line-height: 16px
}

.stores-list li {
	padding: 20px;
	border-bottom: 1px solid #EEE;
	height: 54px;
	position: relative
}

.stores-list .img,.stores-list .img img {
	width: 52px;
	height: 52px;
	border-radius: 30px
}

.stores-list li.am-clickable-active {
	background-color: #f1f1f1
}

.stores-list .img {
	float: left;
	overflow: hidden
}

.stores-list .content {
	margin-left: 70px;
	font-size: 12px;
	line-height: 14px;
	color: #888
}

.stores-list .content .title {
	line-height: 22px;
	font-size: 15px;
	font-weight: 700;
	color: #333
}

.stores-list .arrow {
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 18px;
	background: url(../images/next.png) center center no-repeat;
	background-size: 30px 18px;
	margin-top: -9px;
	opacity: .6
}

.button.locate {
	background-image: url(../images/map_marker.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 16px
}

@charset "utf-8";

.appointment_form {
	padding: 20px 0
}

.appointment_form .barber {
	margin: 0 30px 10px;
	height: 50px;
	background-color: #FFF;
	border: 1px solid #ededed;
	border-radius: 60px;
	padding: 5px
}

.appointment_form .barber .img {
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: url(../../image/jiebao/empBg.png) center center no-repeat #DDD;
	background-size: contain;
	border-radius: 25px
}

.appointment_form .barber .img img {
	width: 50px;
	border-radius: 25px
}

.appointment_form .barber .name {
	padding-top: 5px;
	margin-left: 60px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #222
}

.appointment_form .barber .time {
	padding: 8px 10px;
	line-height: 14px;
	font-size: 10px;
	color: #FFF;
	white-space: nowrap;
	background-color: #eb6877;
	border-radius: 25px;
	float: right;
	text-align: center
}

.appointment_form .barber .time strong {
	font-size: 16px;
	line-height: 20px
}

.appointment_form .barber .level {
	font-size: 11px;
	color: #bbb;
	display: block
}

.appointment_timeLine {
	line-height: 16px;
	font-size: 13px;
	height: 40px;
	text-align: center;
	border-bottom: 1px solid #EEE
}

.appointment_timeLine ul {
	width: 1500px;
	height: 40px
}

.appointment_timeLine li {
	width: 50px;
	float: left;
	height: 32px;
	padding: 4px 0
}

.appointment_timeLine .day {
	font-size: 9px
}

.appointment_timePicker .barbers {
	width: 50px;
	float: left
}

.appointment_timePicker .barbers li {
	position: relative;
	height: 50px
}

.appointment_timePicker .barbers img {
	width: 50px;
	height: 50px
}

.appointment_timePicker .name {
	position: absolute;
	font-size: 12px;
	color: #FFF;
	background: rgba(0,0,0,.6);
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	line-height: 14px;
	overflow: hidden;
	height: 14px;
	text-overflow: ellipsis
}

.appointment_timePicker .detail {
	background: #d85646;
	position: absolute;
	left: 50px;
	top: 0;
	width: 500px;
	height: 50px;
	color: #FFF;
	font-size: 12px;
	display: none
}

.appointment_timePicker .detail .d_info {
	float: left;
	width: 150px;
	padding-left: 8px
}

.appointment_timePicker .detail .d_level {
	line-height: 18px;
	font-weight: 700
}

.appointment_timePicker .detail .d_comment {
	line-height: 14px;
	height: 28px;
	overflow: hidden
}

.appointment_timePicker .detail .demos {
	margin-left: 150px;
	padding: 5px
}

.appointment_timePicker .detail .demo_img {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 5px
}

.appointment_timePicker .detail .demo_img img {
	width: 40px;
	height: 40px
}

.timeTable_inner {
	margin-top: -1px;
	border-top: 1px solid #EEE
}

.timeTable_inner .tr {
	height: 49px;
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #EEE;
	margin-left: -1px
}

.timeTable_inner li {
	float: left;
	width: 49px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	color: #666;
	border-right: 1px solid #EEE;
	font-size: 12px
}

.timeTable_inner li.used {
	background: #f3f3f3;
	color: #999
}

.timeTable_inner li.am-clickable-active {
	background: #f3f3f3
}

.timeTable_inner li.used span {
	background: url(../images/reservation_placehold.png) center 5px no-repeat;
	background-size: 22px 22px;
	display: block;
	padding-top: 30px;
	line-height: 16px
}

.timeTable_inner li.vacation {
	background: #f3f3f3;
	color: #999
}

.timeTable_inner li.vacation span {
	background: url(../images/reservation_leave.png) center 5px no-repeat;
	background-size: 22px 22px;
	display: block;
	padding-top: 30px;
	line-height: 16px
}

.timeTable_inner li.timepassed {
	background: #f3f3f3;
	color: #999
}

.am-header .button.appointment_date {
	width: auto;
	line-height: 44px;
	padding-right: 2px
}

.am-header .button.appointment_date .text {
	border-radius: 4px;
	line-height: 28px;
	color: #333;
	padding: 0 6px 0 25px;
	display: inline-block;
	font-size: 12px;
	background: url(../images/calendar-32.png) 5px center no-repeat #FFF;
	background-size: 16px 16px
}

.appointment_date_fixed {
	position: absolute;
	right: 0;
	bottom: 60px;
	z-index: 1;
	opacity: .9
}

.appointment_date_fixed .text {
	border-bottom-left-radius: 18px;
	border-top-left-radius: 18px;
	line-height: 36px;
	color: #FFF;
	padding: 0 5px 0 32px;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	background: url(../images/calendar-32_white.png) 10px center no-repeat #d85646;
	background-size: 16px 16px
}

.appointment_barber {
	margin: 0 50px;
	text-align: center;
	padding-top: 2px
}

.appointment_barber .block {
	display: inline-block
}

.appointment_barber .img {
	margin-top: 4px;
	border: 1px solid #fff;
	float: left;
	width: 31px;
	height: 31px;
	overflow: hidden;
	border-radius: 31px;
	background: url(../../image/jiebao/empBg.png) center center no-repeat #DDD;
	background-size: contain
}

.appointment_barber img {
	width: 100%;
	height: 100%;
	border-radius: 31px
}

.appointment_barber .barberName {
	padding-top: 4px;
	text-align: left;
	line-height: 18px;
	margin-left: 42px;
	font-size: 14px
}

.appointment_barber .barberLevel {
	margin-left: 42px;
	text-align: left;
	font-size: 9px;
	line-height: 14px;
	height: 14px;
	white-space: nowrap
}

.appointment_form_select {
	margin: 0 30px 5px;
	background: #FFF;
	border: 1px solid #ededed;
	padding: 5px 0 0 8px;
	border-radius: 4px
}

.appointment_form_select>p {
	padding-bottom: 5px;
	display: block
}

.appointment_form_select.gpsmap,.select_label.gpsmap {
	display: none
}

.appointment_form_select.gpsmap {
	padding: 0
}

.appointment_form_select.gpsmap textarea {
	width: 100%;
	border: 0;
	padding: 5px
}

.select_label {
	line-height: 24px;
	font-size: 12px;
	color: #e768ae;
	margin: 0 30px
}

.appointment_form_select .select_options {
	padding: 5px 0
}

.appointment_form_select .select_options li {
	float: left;
	padding: 0 10px;
	line-height: 32px;
	border-radius: 17px;
	border: 1px solid #ebebeb;
	margin: 0 5px 5px 0;
	color: #222;
	font-size: 14px
}

.appointment_form_select .select_options li.selected {
	background: #e768ae;
	border-color: #e768ae;
	color: #FFF
}

.appointment_form_select.user {
	padding: 0
}

.appointment_form_select.user .page_input {
	border-radius: 0;
	border: none;
	border-top: 1px solid #ededed
}

.appointment_form_tab {
	height: 32px;
	float: left;
	border-radius: 2px;
	color: #888;
	margin: 5px 0
}

.appointment_form_tab li {
	float: left;
	padding: 0 10px;
	border: 1px solid #ebebeb;
	line-height: 32px;
	height: 32px;
	text-align: center;
	color: #222;
	font-size: 14px;
	border-radius: 17px;
	margin: 0 5px 0 0
}

.appointment_form_tab li.selected {
	background: #e768ae;
	border-color: #e768ae;
	color: #FFF
}

.appointment_form_tab.gender {
	padding-left: 8px
}

.appointment_form_tab.gender li {
	border: none;
	border-radius: 0;
	padding-left: 30px;
	background: url(../images/radio_check.png) left center no-repeat;
	background-size: 25px 25px
}

.appointment_form_tab.gender li.selected {
	background-image: url(../images/radio_checked.png);
	color: #222
}

.appointment_form .reseration_getCode,.appointment_form .submit {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px
}

.reservation_wrap {
	overflow: hidden
}

.timeLimit {
	line-height: 30px;
	padding: 5px 10px;
	color: #999;
	font-size: 12px
}

.appointment_now {
	position: absolute;
	left: 0;
	top: 100px;
	border-bottom: 1px solid #d85646;
	color: #FFF;
	height: 0;
	width: 100%;
	z-index: 1
}

.appointment_now span {
	font-size: 8px;
	color: #d85646;
	float: left;
	position: relative;
	top: -10px;
	line-height: 12px
}

.reseration_getCode {
	display: block
}

#page_appointment2 {
	background-color: #f1f1f1
}

.setup_form.appointment_form .page_input {
	margin-bottom: 5px
}

.showProducts {
	margin-left: -8px;
	font-size: 12px;
	color: #bbb;
	line-height: 30px;
	border-top: 1px solid #ededed;
	background: url(../images/icon_menu.png) 5px center no-repeat;
	background-size: 20px 20px;
	padding-left: 25px
}

#page_appointment2 .appointmentprompt {
	display: none;
	text-align: center;
	padding-top: 10px
}

#page_appointment2 .appointmentprompt p {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding-left: 22px;
	font-size: 12px;
	color: #999;
	background: url(../images/waringgth.png) no-repeat;
	background-size: 16px 16px;
	word-break: break-word
}

.page_reservation {
	background-color: #eee
}

.reservation_timeLine {
	height: 44px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #E5E5E5
}

.reservation_timeLine .time_wrap {
	margin-right: 20px;
	height: 44px;
	overflow: hidden
}

.reservation_timeLine .arrow_right {
	float: right;
	width: 20px;
	height: 44px;
	background: url(../images/messageArrow.png) center center no-repeat;
	background-size: 5px 10px
}

.reservation_timeLine .time_inner {
	width: 1440px;
	height: 44px
}

.reservation_timeLine li {
	float: left;
	width: 48px;
	text-align: center
}

.reservation_timeLine li.vacation {
	color: #CCC
}

.reservation_timeLine .date {
	padding-top: 4px;
	height: 20px;
	line-height: 20px
}

.reservation_timeLine .day {
	font-size: 10px;
	line-height: 16px;
	color: #747474
}

.reservation_timeLine li.selected {
	height: 42px;
	border-bottom: 2px solid #ca54b6
}

.reservation_timeLine li.selected .date,.reservation_timeLine li.selected .day {
	color: #ca54b6
}

.reservation_timeArea .timeHead {
	height: 25px;
	position: relative;
	text-align: center
}

.reservation_timeArea .line {
	position: absolute;
	left: 0;
	top: 18px;
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
	z-index: -1
}

.reservation_timeArea .text {
	line-height: 28px;
	height: 40px;
	width: 40px;
	background: #fff;
	color: #bbb;
	font-size: 11px;
	display: inline-block;
	border-radius: 50px 50px 0 0;
	border-top: #e5e5e5 1px solid;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -20px
}

.reservation_timeArea .timeList {
	background: #fff;
	padding: 10px 0 0;
	border-top: #e5e5e5 1px solid;
	margin-bottom: 25px
}

.reservation_timeArea .timeList li {
	float: left;
	width: 25%;
	margin-bottom: 10px
}


.reservation_timeArea .timeList .timeBtn {
	height: 30px;
	margin: 0 10px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #ddd;
	background: #FFF;
	border-radius: 30px;
	font-size: 12px;
	position: relative
}

.reservation_timeArea .timeList .timeBtn.selected {
	border-color: #e768ae;
	background: #e768ae;
	color: #fff
}



.reservation_timeArea .timeList .timeBtn.used {
	border-color: #bdbdbd;
	background: #bdbdbd;
	color: #fff
}

.reservation_timeArea .timeList .timeBtn.used::after {
	content: "";
	height: 15px;
	width: 15px;
	background: url(../images/reservation_used.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	right: -7px;
	bottom: -4px
}

.reservation_timeArea .timeList .timeBtn.timepassed {
	color: #bbb;
	background-color: #eee;
	border-color: #eee
}

.reservation_next {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #FFF;
	border-top: #e5e5e5 1px solid
}

.reservation_next .next_step {
	float: right;
	width: 80px;
	padding: 0;
	height: 30px;
	border-radius: 30px;
	color: #FFF;
	font-weight: 400;
	margin: 5px 5px 0 0;
	line-height: 30px;
	font-size: 13px
}

.reservation_next .label {
	padding: 0 10px 0 30px;
	font-size: 11px;
	color: #999;
	background: url(../images/reservation_time.png) 7px center no-repeat;
	background-size: 15px 15px;
	float: left
}

.reservation_next .value {
	color: #ca54b6;
	font-size: 16px
}

.page_reservation .main_activityUl {
	background: 0 0;
	border-bottom: 1px solid #dcdcdc
}

.store_select.hide,.store_select.show {
	-webkit-transition: -webkit-transform ease-in .2s
}

.barberList_storeInfo .adress,.barberList_storeInfo .name,.store_select .address,.store_select .tel {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.page_barberList .stores {
	width: 60px
}

.page_barberList .stores::before {
	content: "";
	width: 20px;
	height: 20px;
	float: left;
	margin: 12px -5px 0 0;
	background: url(../images/main_sprite.png) -30px -838px no-repeat;
	background-size: 56px 1151px
}

.barberList_ul1 {
	padding: 12px 0
}

.barberList_ul1 li {
	padding: 10px 15px;
	position: relative
}

.barberList_ul1 .img {
	width: 73px;
	height: 73px;
	background: url(../../image/jiebao/empBg.png) center center no-repeat #DDD;
	background-size: contain;
	border: 3px solid #FFF;
	border-radius: 40px;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.barberList_ul1 .img img {
	width: 73px;
	border-radius: 37px
}

.barberList_ul1 .l1 {
	background-color: #f4e1e1;
	padding: 8px;
	height: 58px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px
}

.barberList_ul1 .l2 {
	background-color: #FFF;
	position: relative
}

.barberList_ul1 .name {
	margin-left: 90px;
	color: #a14545;
	line-height: 30px;
	font-size: 14px;
	padding-top: 5px
}

.barberList_ul1 .level {
	margin-left: 90px;
	color: #bd7f7f;
	font-size: 11px;
	line-height: 16px
}

.barberList_ul1 .price_label {
	position: absolute;
	right: 30px;
	top: 25px;
	color: #bd7f7f
}

.barberList_ul1 .price {
	color: #ed7086;
	font-style: italic;
	position: relative;
	top: 1px
}

.barberList_ul1 .price_label .label {
	font-size: 10px
}

.barberList_ul1 .price strong {
	font-size: 20px;
	font-weight: 400
}

.barberList_ul1 .reservation_btn {
	background: url(../images/main_sprite.png) no-repeat;
	background-size: 56px 1151px;
	width: 51px;
	height: 48px;
	position: absolute;
	right: 10px;
	top: -24px;
	line-height: 48px;
	font-size: 12px;
	color: #FFF;
	text-align: center
}

.barberList_ul1 .l2 {
	padding: 10px 14px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px
}

.barberList_ul1 .tags {
	min-height: 25px;
	line-height: 25px;
	font-size: 12px;
	padding: 5px 36px 2px 0
}

.barberList_ul1 .tag {
	display: inline-block;
	white-space: nowrap;
	line-height: 25px;
	height: 25px;
	padding: 0 8px;
	color: #747474;
	border-radius: 13px;
	background-color: #EEE;
	margin: 0 8px 5px 0
}

.barberList_ul1 .numbers {
	display: -webkit-box;
	margin-top: 2px;
	height: 12px;
	font-size: 11px;
	text-align: center
}

.barberList_ul1 .comment {
	-webkit-box-flex: 1;
	color: #ec6969
}

.barberList_ul1 .archiveCount,.barberList_ul1 .rvCount {
	-webkit-box-flex: 1;
	color: #999
}

.barberList_ul1 .num {
	font-size: 12px
}

.barberList_ul1 .n {
	display: inline-block
}

.barberList_ul1 .n::before {
	content: "";
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 3px
}

.barberList_ul1 .numbers>div {
	border-right: 1px solid #EEE
}

.barberList_ul1 .numbers>div:last-child {
	border-right: none
}

.barberList_ul1 .comment .n::before {
	background: url(../images/main_sprite.png) -35px -773px no-repeat;
	background-size: 56px 1151px
}

.barberList_ul1 .rvCount .n::before {
	background: url(../images/main_sprite.png) -29px -1078px no-repeat;
	background-size: 56px 1151px
}

.barberList_ul1 .archiveCount .n::before {
	background: url(../images/main_sprite.png) -28px -1107px no-repeat;
	background-size: 56px 1151px
}

.page_barberList .class-fullcenter {
	top: 133px;
	bottom: 52px
}

.isios .page_barberList .class-fullcenter {
	top: 153px;
	bottom: 52px
}

.barberList_storeInfo {
	padding: 0 0 4px;
	position: relative;
	z-index: 2
}

.barberList_storeInfo .barberList_bg {
	width: 100%;
	height: 8px;
	position: absolute;
	left: 0;
	bottom: -4px;
	background: url(../images/store_bottom.png) left bottom repeat-x;
	background-size: 14px 8px
}

.barberList_storeInfo .img,.barberList_storeInfo .img img {
	height: 58px;
	border-radius: 2px
}

.barberList_storeInfo .container {
	background: #FFF;
	padding: 11px 11px 6px
}

.barberList_storeInfo .img {
	width: 58px;
	float: left;
	overflow: hidden;
	background: url(../images/img_bg.png) center center no-repeat;
	background-size: 58px 58px
}

.barberList_storeInfo .content {
	margin-left: 65px;
	min-height: 58px;
	line-height: 18px;
	font-size: 11px;
	color: #999
}

.barberList_storeInfo .name {
	font-size: 13px;
	line-height: 18px;
	height: 18px;
	color: #222;
	padding: 0 0 4px 5px
}

.barberList_storeInfo .adress {
	line-height: 20px;
	height: 20px
}

.barberList_storeInfo .adress::before {
	content: "";
	width: 20px;
	height: 20px;
	float: left;
	background: url(../images/main_sprite.png) -30px -898px no-repeat;
	background-size: 56px 1151px
}

.barberList_storeInfo .tel::before {
	margin-top: -1px;
	content: "";
	width: 20px;
	height: 20px;
	float: left;
	background: url(../images/main_sprite.png) -30px -988px no-repeat;
	background-size: 56px 1151px
}

.barberList_storeInfo .call {
	float: right;
	width: 40px;
	height: 40px;
	background: url(../images/main_sprite.png) 0 -278px no-repeat #e768ae;
	background-size: 56px 1151px;
	border-radius: 20px;
	margin-top: 12px
}

.barberList_storeInfo .call.am-clickable-active {
	background-color: #ce4b93
}

.store_select {
	position: absolute;
	top: 44px;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateX(100%)
}

.isios .store_select {
	top: 64px
}

.store_select .bg,.store_select .box {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0
}

.store_select.show {
	-webkit-transform: translateX(0)
}

.store_select.hide {
	-webkit-transform: translateX(100%)
}

.store_select .bg {
	left: 0
}

.store_select .box {
	width: 232px;
	background: #FFF;
	box-shadow: rgba(0,0,0,.5) -1px 1px 8px
}

.store_select .wrap {
	overflow: hidden
}

.store_select .tenantName {
	line-height: 37px;
	height: 37px;
	border-left: 3px solid #ca54b6;
	color: #ca54b6;
	font-size: 14px;
	border-bottom: 1px solid #EEE
}

.store_select .tenantName::before {
	content: "";
	float: left;
	width: 25px;
	height: 25px;
	margin: 6px 3px;
	background: url(../images/main_sprite.png) 0 -958px no-repeat;
	background-size: 56px 1151px
}

.store_select li {
	height: 42px;
	border-bottom: 1px solid #EEE;
	padding: 12px
}

.store_select li.am-clickable-active {
	background-color: #f5f5f5
}

.store_select .img {
	width: 42px;
	height: 42px;
	float: left;
	margin: 0 10px 0 0;
	background: url(../images/img_bg.png) center center no-repeat;
	background-size: 42px 42px;
	overflow: hidden;
	text-align: center
}

.store_select .img img {
	height: 42px
}

.store_select .name {
	color: #333;
	font-size: 14px;
	line-height: 18px
}

.store_select .address,.store_select .tel {
	color: #999;
	font-size: 9px;
	line-height: 12px;
	height: 12px
}

.page_barberList .appointmentprompt {
	display: none;
	padding: 15px 15px 0;
	margin-bottom: -10px;
	white-space: nowrap
}

.page_barberList .appointmentprompt .luckymoney {
	border-radius: 2px;
	padding: 10px 0;
	display: block;
	overflow: hidden
}

.page_barberList .appointmentprompt .luckymoney strong {
	color: #f74361;
	font-weight: 400;
	line-height: 18px
}

.page_barberList .appointmentprompt p {
	display: block;
	line-height: 16px;
	padding-left: 22px;
	font-size: 12px;
	color: #999;
	background: url(../images/waringgth.png) no-repeat;
	background-size: 16px 16px;
	word-break: break-all
}

.page_barberList .appointmentprompt .luckymoney {
	line-height: 16px;
	padding-left: 36px;
	font-size: 12px;
	color: #999;
	background: url(../images/luckyMoney.png) 0 1px no-repeat #FFF;
	background-size: 35px 35px;
	word-break: break-all
}

.clearfix:after,.clearfix:before {
	content: " ";
	display: table
}

.namelevel,.page_barberDetail .addresstel .addresstelinner .bottom,.page_barberDetail .barberDetail .level,.page_barberDetail .barberDetail_base .name,.page_barberDetail .comment_desc_view {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.isios .page_barberDetail .am-header {
	height: 34px
}

.isios .page_barberDetail .class-fullcenter {
	top: 64px
}

.namelevel {
	line-height: 22px;
	height: 22px
}

.clearfix:after {
	clear: both
}

.page_barberDetail {
	background: #FFF
}

.page_barberDetail .am-header {
	background: 0 0
}

.page_barberDetail .barberDetail_base {
	position: relative;
	background: #000
}

.page_barberDetail .barberDetail_base .barberImgWrap {
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -45px;
	background-color: rgba(255,255,255,.4);
	width: 90px;
	height: 90px;
	padding: 3px;
	border-radius: 50%;
	z-index: 1
}

.page_barberDetail .barberDetail_base .barberImg {
	width: 90px;
	height: 90px;
	background: url(../../image/jiebao/empBg.png) center center no-repeat #ddd;
	background-size: contain;
	overflow: hidden;
	border-radius: 50%
}

.page_barberDetail .barberDetail_base .barberImg img {
	width: 90px;
	display: block;
	border-radius: 50%
}

.page_barberDetail .barberDetail_base .barberbottom {
	position: absolute;
	bottom: -10px;
	width: 100%;
	height: 24px;
	background: url(../images/barberbottom.png) 0 -2px no-repeat;
	background-size: cover
}

.page_barberDetail .barberDetail_base .text {
	padding-top: 10px;
	margin-left: 105px;
	line-height: 20px;
	font-size: 12px
}

.page_barberDetail .barberDetail_base .name {
	line-height: 22px;
	height: 22px;
	color: #222
}

.page_barberDetail .barberDetail_base .level {
	color: #222;
	font-size: 15px
}

.page_barberDetail .barberDetail_base .price {
	color: #ea66ac;
	height: 21px
}

.page_barberDetail .barberDetail_base .price strong {
	font-size: 14px
}

.page_barberDetail .barberDetail_base .tags {
	display: none;
	color: #FFF;
	font-size: 11px;
	margin-top: 10px;
	background-size: 10px 10px;
	padding-right: 70px
}

.page_barberDetail .barberDetail_base .tags>span {
	line-height: 15px;
	background: rgba(0,0,0,.18);
	font-size: 10px;
	display: inline-block;
	padding: 0 5px;
	border-radius: 15px
}

.page_barberDetail .barberDetail_base .reservation {
	position: absolute;
	bottom: 30px;
	right: 10px;
	background: url(../images/reservation_btn.png) center center no-repeat;
	background-size: 51px 48px;
	color: #FFF;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	text-align: center
}

.page_barberDetail .barberDetail_base .rewardBtn {
	position: absolute;
	bottom: 43px;
	right: 75px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	color: #e768ae;
	border: 1px solid #e768ae;
	border-radius: 2px
}

.page_barberDetail .barberDetail_base .rewardBtn.am-clickable-active {
	background-color: #e768ae;
	color: #FFF
}

.page_barberDetail .barberDetail_base .button.am-clickable {
	background: 0 0
}

.page_barberDetail .barberDetail_base .backIcon {
	width: 30px;
	height: 30px;
	background: url(../images/back2.png) center center no-repeat;
	background-size: 30px 30px;
	float: left;
	margin: 7px
}

.page_barberDetail .barberDetail_base .shareIcon {
	width: 30px;
	height: 30px;
	background: url(../images/share2.png) center center no-repeat;
	background-size: 30px 30px;
	float: right;
	margin: 7px
}

.page_barberDetail .barberDetail_base .am-header>p {
	font-size: 22px;
	color: #fff
}

.page_barberDetail .barberDetail_base .blurwrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	-webkit-filter: blur(5px) drop-shadow(0 0 0 #fff);
	-moz-filter: blur(5px) drop-shadow(0 0 0 #fff);
	-ms-filter: blur(5px) drop-shadow(0 0 0 #fff);
	-o-filter: blur(5px) drop-shadow(0 0 0 #fff);
	filter: blur(5px) drop-shadow(0 0 0 #fff);
	background: url(../../image/jiebao/empBg.png) center center no-repeat;
	background-size: cover
}

.page_barberDetail .barberDetail_base .blurwrap .blur {
	height: 100%
}

.page_barberDetail .barberDetail_base .textwrap li {
	position: absolute;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	padding: 0 8px;
	border: 1px solid #fff;
	border-radius: 15px
}

.page_barberDetail .barberDetail_text {
	height: 53px;
	padding: 3px 10px 0
}

.page_barberDetail .barberDetail_text .name {
	font-size: 22px;
	font-weight: 700;
	color: #000;
	padding: 4px 0
}

.page_barberDetail .barberDetail_text .level {
	float: left;
	font-size: 12px;
	color: #999
}

.page_barberDetail .barberDetail_text .price {
	float: right;
	font-size: 13px;
	color: #e768ae
}

.page_barberDetail .barberDetail_text .price strong {
	margin-left: 5px;
	font-size: 15px;
	font-weight: 400
}

.page_barberDetail .addresstel {
	position: relative;
	height: 60px;
	padding: 10px 0;
	background-color: #f5f5f5
}

.page_barberDetail .addresstel .addresstelinner {
	height: 60px;
	padding: 0 10px;
	background: #fff
}

.page_barberDetail .addresstel .addresstelinner .top {
	line-height: 20px;
	color: #222;
	font-size: 14px;
	padding-top: 10px
}

.page_barberDetail .addresstel .addresstelinner .bottom {
	width: 210px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #999;
	padding-left: 19px;
	background: url(../images/barberaddress.png) 3px 8px no-repeat;
	background-size: 10px 12px
}

.page_barberDetail .addresstel .addresstelinner .telbtn {
	position: absolute;
	right: 10px;
	top: 20px;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/barbertel.png) center center no-repeat;
	border-radius: 50%;
	background-size: cover
}

.page_barberDetail .reservation_today {
	padding-bottom: 10px;
	background-color: #f5f5f5
}

.page_barberDetail .reservation_today .reservation_todayinner {
	background: #fff;
	padding: 0 10px 10px
}

.page_barberDetail .reservation_today .reservation_todayinner .tit {
	font-size: 14px;
	color: #222;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	background: url(../images/barbersprite.png) 3px 5px no-repeat;
	background-size: 23px 326px
}

.page_barberDetail .reservation_today .reservation_todayinner .today_wrap {
	height: 40px
}

.page_barberDetail .reservation_today .reservation_todayinner .today_wrap .today_num {
	float: left;
	margin-top: 14px;
	margin-left: 30px;
	font-size: 12px
}

.page_barberDetail .reservation_today .reservation_todayinner .today_wrap .today_num span {
	color: #e768ae
}

.page_barberDetail .reservation_today .reservation_todayinner .today_wrap ul {
	max-width: 140px;
	float: right;
	margin-top: 7px
}

.page_barberDetail .reservation_today .reservation_todayinner .today_wrap ul li {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: -5px;
	background: url(../../image/jiebao/empBg.png) center center no-repeat #ddd;
	background-size: 30px 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}

.page_barberDetail .reservation_today .reservation_todayinner .today_wrap ul li img {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}

.page_barberDetail .reservation_today .reservation_todayinner .today_wrap ul li.dotli {
	background: url(../images/barberdotimg.jpg) no-repeat;
	background-size: cover;
	border-radius: 50%
}

.page_barberDetail .reservation_today .reservation_todayinner .today_wrap ul li.rightgo {
	background: url(../images/barbersprite.png) 10px -306px no-repeat;
	background-size: 23px 326px;
	width: 20px
}

.page_barberDetail .barberDetail_box .tit {
	height: 40px;
	line-height: 40px;
	padding: 0 10px
}

.page_barberDetail .barberDetail_box .tit p {
	float: left;
	padding-left: 35px
}

.page_barberDetail .barberDetail_box .tit .tit_right {
	float: right;
	font-size: 12px;
	color: #999;
	padding-right: 10px;
	background: url(../images/barbersprite.png) no-repeat;
	background-size: 23px 326px
}

.page_barberDetail .barberDetail_box .cont {
	padding: 0 10px
}

.page_barberDetail .archive_box .tit p {
	background: url(../images/barbersprite.png) 6px -164px no-repeat;
	background-size: 23px 326px
}

.page_barberDetail .archive_box .tit .tit_right {
	background-position: 50px -302px
}

.page_barberDetail .archive_box .cont li {
	position: relative;
	width: 80px;
	height: 80px;
	display: inline-block;
	margin: 5px
}

.page_barberDetail .archive_box .cont li img {
	width: 100%;
	height: 100%
}

.page_barberDetail .archive_box .cont li span {
	position: absolute;
	right: 4px;
	top: 4px;
	font-size: 12px;
	width: 24px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	color: #fff;
	background: url(../images/barbersprite.png) 1px -272px no-repeat;
	background-size: 23px 326px
}

.page_barberDetail .archive_box .cont .text {
	background: url(../images/archive_empty.png) center top no-repeat;
	background-size: 100px 100px;
	font-size: 12px;
	color: #555;
	padding-top: 100px;
	text-align: center;
	line-height: 20px;
	margin-bottom: 10px
}

.page_barberDetail .comment_box .tit p {
	background: url(../images/barbersprite.png) 6px -214px no-repeat;
	background-size: 23px 326px
}

.page_barberDetail .comment_box .tit .tit_right {
	width: 100px;
	text-align: right;
	background-position: 101px -302px
}

.page_barberDetail .barberDetail {
	padding: 0;
	background-color: #FFF
}

.page_barberDetail .barberDetail .level {
	line-height: 22px;
	height: 22px
}

.page_barberDetail .barberDetail .actions {
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	height: 60px;
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: horizontal
}

.page_barberDetail .barberDetail .actions div {
	-webkit-box-flex: 1
}

.page_barberDetail .barberDetail .actions .line {
	height: 14px;
	float: right;
	width: 1px;
	background-color: #EEE;
	margin-top: 13px
}

.page_barberDetail .barberDetail .actions div.am-clickable-active {
	background-color: #EEE
}

.page_barberDetail .barberDetail .actions span {
	font-size: 14px;
	color: #222
}

.page_barberDetail .barberDetail .actions .num {
	height: 22px;
	line-height: 22px;
	color: #222;
	display: inline-block;
	font-size: 16px;
	padding: 10px 0 0
}

.page_barberDetail .barberDetail .actions .text {
	color: #999;
	font-size: 12px
}

.page_barberDetail .barberDetail .comment {
	line-height: 24px;
	font-size: 14px;
	color: #555;
	padding: 10px
}

.page_barberDetail .barberDetail .beautyArchive {
	padding: 10px
}

.page_barberDetail .barberDetail .beautyArchive li {
	float: left;
	width: 20%
}

.page_barberDetail .barberDetail .beautyArchive .img {
	width: auto;
	border: none;
	margin: 0
}

.page_barberDetail .barberDetail .beautyArchive img {
	width: 100%;
	height: 100%
}

.page_barberDetail .barberDetail .comment_title_desc {
	font-size: 14px;
	padding-left: 35px;
	background: url(../images/barberInfo.png) 10px center no-repeat;
	background-size: 20px 20px;
	line-height: 24px
}

.page_barberDetail .barberDetail .comment_desc {
	font-size: 14px;
	padding: 10px;
	line-height: 20px;
	color: #888
}

.page_barberDetail .class-fullcenter {
	top: 44px;
	background-color: #f5f5f5
}

.page_barberDetail .commentSlideBtn .btnWrap {
	height: 14px;
	overflow: hidden;
	width: 36px;
	margin: 0 auto;
	position: relative;
	top: -2px
}

.page_barberDetail .commentSlideBtn .btn {
	width: 36px;
	height: 36px;
	border-radius: 20px;
	border: 1px solid #EEE;
	background: url(../images/arrow_down_t.png) center 20px no-repeat #fff;
	background-size: 12px 12px;
	position: relative;
	top: -24px
}

.page_barberDetail .commentSlideBtn .btn.up {
	background-image: url(../images/arrow_up_t.png)
}

.page_barberDetail .comment_desc_view {
	position: relative;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #000;
	padding-right: 10px
}

.page_barberDetail .comment_desc_view .arrowmore {
	display: block;
	width: 10px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/barbersprite.png) 1px -310px no-repeat;
	background-size: 23px 326px
}

.page_barberDetail .comment_desc_view.autoheight {
	height: auto;
	overflow: visible;
	white-space: normal
}

.page_barberDetail .comment_desc_view.autoheight .arrowmore {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.page_barberDetail .comment_loading {
	padding: 20px 0
}

.page_barberDetail .comment_loading span {
	margin: 0 auto;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/blueloading-small.png) center center no-repeat;
	background-size: 30px 30px;
	-webkit-animation: animation-loading infinite linear 1s;
	left: 0;
	top: 0
}

.page_barberDetail .comment_loading p {
	line-height: 14px;
	font-size: 12px;
	text-align: center;
	color: #888
}

.page_barberDetail .timeBubble {
	float: left;
	width: 45px;
	height: 45px;
	background: url(../images/bubble_gray.png) center center no-repeat;
	background-size: contain;
	text-align: center;
	position: relative;
	left: -5px
}

.page_barberDetail .timeBubble .day {
	font-size: 15px;
	color: #222;
	line-height: 20px;
	padding-top: 6px
}

.page_barberDetail .timeBubble .month {
	padding-top: 3px;
	color: #bbb;
	font-size: 8px;
	line-height: 12px
}

.page_barberDetail .reservationBtnGroup {
	height: 40px;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #EDEDED;
	right: 0;
	left: 0;
	display: -webkit-box;
	-webkit-box-orient: horizontal
}

.page_barberDetail .reservationBtnGroup .reservation:before,.page_barberDetail .reservationBtnGroup .rewardBtn:before {
	content: "￥";
	text-indent: -1000em;
	display: inline-block;
	width: 22px;
	height: 22px;
	text-align: center;
	color: #FFF;
	margin-right: 5px
}

.page_barberDetail .reservationBtnGroup div {
	-webkit-box-flex: 1
}

.page_barberDetail .reservationBtnGroup .rewardBtn {
	background: #FFF;
	text-align: center;
	line-height: 38px
}

.page_barberDetail .reservationBtnGroup .rewardBtn:before {
	line-height: 22px;
	background: url(../images/barbersprite.png) 1px -123px no-repeat;
	background-size: 23px 326px;
	font-size: 14px
}

.page_barberDetail .reservationBtnGroup .rewardBtn.am-clickable-active {
	background-color: #ce4b93;
	border-color: #ce4b93
}

.page_barberDetail .reservationBtnGroup .reservation {
	background: #e768af;
	border: 1px solid #e768af;
	text-align: center;
	line-height: 38px;
	color: #FFF
}

.page_barberDetail .reservationBtnGroup .reservation:before {
	line-height: 22px;
	background: url(../images/barbersprite.png) 0 -39px no-repeat;
	background-size: 23px 326px
}

.page_barberDetail .reservationBtnGroup .reservation.am-clickable-active {
	background-color: #ce4b93
}

.page_barberDetail .greydiv {
	height: 10px;
	background-color: #f5f5f5
}

.page_customerEvaluation .commentList .hr {
	height: 10px;
	background: #f5f5f5;
	border-bottom: 1px solid #EEE
}

.page_customerEvaluation .commentList .comment_loading {
	padding: 20px 0
}

.page_customerEvaluation .commentList .comment_loading span {
	margin: 0 auto;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/blueloading-small.png) center center no-repeat;
	background-size: 30px 30px;
	-webkit-animation: animation-loading infinite linear 1s;
	left: 0;
	top: 0
}

.page_customerEvaluation .commentList .comment_loading p {
	line-height: 14px;
	font-size: 12px;
	text-align: center;
	color: #888
}

.page_customerEvaluation .commentList .commentFilter {
	height: 58px;
	background-color: #FFF;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	border-bottom: 1px solid #EEE;
	position: relative
}

.page_customerEvaluation .commentList .commentFilter .type {
	-webkit-box-flex: 1;
	width: 25%
}

.page_customerEvaluation .commentList .commentFilter .type:first-child .btn {
	background: url(../images/comment_all.png) center center no-repeat;
	background-size: 50px 50px;
	text-align: center;
	font-size: 11px;
	height: 40px;
	padding-top: 10px;
	padding-left: 0;
	color: #FFF
}

.page_customerEvaluation .commentList .commentFilter .type:first-child.selected .btn {
	background: url(../images/comment_all_active.png) center center no-repeat;
	background-size: 50px 50px;
	color: #FFF
}

.page_customerEvaluation .commentList .commentFilter .type .btn {
	display: block;
	padding: 34px 0 0 4px;
	height: 24px;
	text-align: center;
	font-size: 12px;
	color: #222
}

.page_customerEvaluation .commentList .commentFilter .type .btn.a {
	background: url(../images/comment_a.png) center 7px no-repeat;
	background-size: 25px 25px
}

.page_customerEvaluation .commentList .commentFilter .type .btn.b {
	background: url(../images/comment_b.png) center 7px no-repeat;
	background-size: 25px 25px
}

.page_customerEvaluation .commentList .commentFilter .type .btn.c {
	background: url(../images/comment_c.png) center 7px no-repeat;
	background-size: 25px 25px
}

.page_customerEvaluation .commentList .commentFilter .line {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 25%;
	height: 1px;
	-webkit-transition: left ease-in .1s
}

.page_customerEvaluation .commentList .commentFilter .line .dotWrap {
	left: 50%;
	top: 0;
	margin: -4px 0 0 -4px;
	position: absolute;
	padding: 2px;
	width: 4px;
	height: 4px;
	background-color: #f8d5e8;
	border-radius: 4px
}

.page_customerEvaluation .commentList .commentFilter .line .dotInner {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 0;
	margin: -2px 0 0 -2px;
	width: 4px;
	height: 4px;
	background-color: #e768ae;
	border-radius: 2px
}

.page_customerEvaluation .commentList .commentFilter .lineInner {
	height: 1px;
	background: #e768ae;
	position: relative;
	z-index: 1
}

.page_customerEvaluation .commentListUl {
	background-color: #FFF
}

.page_customerEvaluation .commentListUl li {
	border-bottom: 1px solid #EEE;
	padding: 10px 10px 10px 0
}

.page_customerEvaluation .commentListUl .head {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin: 0 10px
}

.page_customerEvaluation .commentListUl .head.male {
	background: url(../images/touxiang_huise_nan.png) center center no-repeat;
	background-size: contain
}

.page_customerEvaluation .commentListUl .head.female {
	background: url(../images/touxiang_huise_nv.png) center center no-repeat;
	background-size: contain
}

.page_customerEvaluation .commentListUl .header {
	margin-left: 60px;
	line-height: 26px;
	height: 26px;
	position: relative;
	top: -2px
}

.page_customerEvaluation .commentListUl .header .name {
	float: left;
	font-size: 13px;
	color: #222
}

.page_customerEvaluation .commentListUl .header .icon {
	float: right;
	padding-right: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 26px
}

.page_customerEvaluation .commentListUl .header .icon.a {
	background: url(../images/comment_a.png) right center no-repeat;
	background-size: 20px 20px
}

.page_customerEvaluation .commentListUl .header .icon.b {
	background: url(../images/comment_b.png) right center no-repeat;
	background-size: 20px 20px
}

.page_customerEvaluation .commentListUl .header .icon.c {
	background: url(../images/comment_c.png) right center no-repeat;
	background-size: 20px 20px
}

.page_customerEvaluation .commentListUl .time {
	float: right;
	font-size: 10px;
	color: #a4a4a4;
	line-height: 12px;
	border-right: 1px solid #d9d9d9;
	padding-right: 5px;
	margin: 7px 5px 0 0
}

.page_customerEvaluation .commentListUl .content {
	font-size: 12px;
	color: #747474;
	line-height: 16px;
	margin-left: 60px;
	padding-top: 2px;
	word-break: break-word
}

.page_customerEvaluation .commentListUl .sItems .label,.page_customerEvaluation .commentListUl .sItems .value {
	float: left;
	height: 14px;
	line-height: 14px;
	font-size: 10px
}

.page_customerEvaluation .commentListUl .content span.tag {
	display: inline-block;
	border: 1px solid #DDD;
	border-radius: 2px;
	background: #f3f3f3;
	margin: 0 5px 2px 0;
	padding: 2px 5px
}

.page_customerEvaluation .commentListUl .sItems {
	margin-left: 60px;
	height: 14px;
	position: relative;
	top: -4px;
	color: #a4a4a4
}

.page_customerEvaluation .commentListUl .sItems .value {
	margin-left: 5px;
	padding: 0 3px
}

.page_customerEvaluation .comment_empty {
	display: none
}

.page_customerEvaluation .comment_empty .text {
	padding-top: 100px;
	text-align: center;
	font-size: 12px;
	background: url(../images/comment_empty.png) center center no-repeat;
	background-size: 100px 100px
}

.storeDetail .am-carrousel {
	height: 200px;
	overflow: hidden;
	position: relative
}

.storeDetail .am-carrousel li {
	float: left;
	height: 200px;
	width: 100%
}

.storeDetail .am-carrousel img {
	width: 100%;
	display: block
}

.storeDetail .am-carrousel .count {
	position: absolute;
	bottom: 5px;
	left: 50%
}

.storeDetail .am-carrousel .count p {
	float: left;
	width: 8px;
	height: 8px;
	background: #333;
	opacity: .8;
	margin-right: 5px;
	border-radius: 4px;
	position: relative;
	left: -50%
}

.storeDetail .am-carrousel .count p.selected {
	background: #d85646
}

.storeDetail .tel .page_button.call,.storeDetail .tel .page_button.resevation {
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 16px 16px
}

.storeDetail .actions {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	height: 40px;
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	margin-bottom: 10px
}

.storeDetail .actions div {
	-webkit-box-flex: 1
}

.storeDetail .actions div.favor {
	border-right: 1px solid #DDD
}

.storeDetail .actions div.am-clickable-active {
	background-color: #EEE
}

.storeDetail .actions span {
	display: block
}

.storeDetail .actions .num {
	font-size: 12px;
	color: #5589ac;
	font-weight: 700;
	line-height: 16px;
	padding-top: 4px
}

.storeDetail .actions .text {
	font-size: 12px;
	line-height: 16px;
	color: #555
}

.storeDetail .tel {
	height: 48px
}

.storeDetail .tel .text {
	line-height: 48px;
	font-size: 18px;
	font-weight: 700;
	padding: 0 10px
}

.storeDetail .tel .page_button {
	float: right;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	margin: 9px 8px 0 0;
	border-radius: 2px;
	padding-left: 25px;
	padding-right: 5px
}

.storeDetail .tel .page_button.call {
	background-image: url(../images/phone_white.png)
}

.storeDetail .tel .page_button.resevation {
	background-image: url(../images/calendar-32_white.png)
}

.storeDetail .comment {
	line-height: 24px;
	font-size: 14px;
	color: #555;
	padding: 10px
}

.storeDetail .normal_gray {
	font-weight: 400;
	color: #888;
	padding-left: 5px
}

.storeDetail .red {
	color: #d85646;
	padding: 0 2px
}

.storeDetail .barbers {
	padding: 10px
}

.storeDetail .barbers li {
	float: left;
	width: 20%
}

.storeDetail .barbers .img {
	width: auto;
	border: none;
	margin: 1px;
	position: relative
}

.storeDetail .barbers img {
	width: 100%;
	height: 100%;
	display: block
}

.storeDetail .barbers .name {
	position: absolute;
	font-size: 12px;
	color: #FFF;
	background: rgba(0,0,0,.6);
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	line-height: 14px;
	overflow: hidden;
	height: 14px;
	text-overflow: ellipsis
}

.campaignList {
	padding: 1px 0
}

.campaignList li {
	margin: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDD
}

.campaignList .img img {
	width: 100%
}

.campaignList .content {
	line-height: 1.5em;
	padding: 0 5px
}

.campaignList .title {
	padding: 5px 0;
	line-height: 16px
}

.campaignList .time {
	font-size: 12px;
	color: #888
}

.campaignList .highlight {
	color: #d85646;
	font-size: 14px
}

.campaignDetail {
	padding: 10px;
	line-height: 180%;
	font-size: 13px
}

.campaignDetail img {
	max-width: 100%
}

.mainTypeContainer,.mainTypeTab {
	border-bottom: 1px solid #E5E5E5
}

.ios .page_archiveDetail .class-fullcenter,.ios .page_archiveList .class-fullcenter {
	top: 64px
}

.page_archiveList .class-fullcenter {
	top: 44px;
	background-color: #fff;
	bottom: 0;
	z-index: 1
}

.page_archiveList .am-page-empty span {
	background: url(../images/archive_empty.png) center center no-repeat;
	background-size: 150px 150px;
	height: 150px
}

.page_archiveList .am-header .left.share {
	background: url(../images/share.png) center center no-repeat;
	background-size: 20px 20px
}

.page_archiveDetail .class-fullcenter {
	top: 44px;
	z-index: 1
}

.page_archiveDetail .am-header .right.share_Detail {
	background: url(../images/archiveList_share_ico.png) center center no-repeat;
	background-size: 22px 5px
}

.mainTypeContainer {
	background: #fff;
	height: 46px;
	padding-right: 43px;
	position: relative
}

.mainTypeContainer .arrow_right {
	float: right;
	width: 20px;
	height: 90px;
	background: url(../images/messageArrow.png) center center no-repeat;
	background-size: 5px 10px;
	display: none
}

.mainTypeContainer.arrow .arrow_right {
	display: block
}

.mainTypeContainer.arrow .mainTypeTab {
	overflow: hidden
}

.mainTypeContainer>.subMenuText {
	height: 18px;
	line-height: 18px;
	background: #f5f5f5;
	font-size: 10px;
	text-align: center;
	color: #8c8b8b
}

.mainTypeTab .mainTypeTab_inner {
	float: left
}

.mainTypeTab ul {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	font-size: 13px;
	position: relative
}

.mainTypeTab li {
	max-width: 64px;
	height: 43px;
	line-height: 45px;
	-webkit-box-flex: 1;
	text-align: center;
	white-space: nowrap;
	margin: 0 9px;
	padding: 0 10px;
	color: #222
}

.mainTypeTab li.selected {
	color: #e768ae;
	border-bottom: 3px solid #e768ae
}

.mainTypeTab li.selected2 {
	background-color: #F8F8F8
}

.mainTypeTab li>.icon {
	width: 52px;
	height: 53px;
	background: url(../images/archive_type_1.png) center center no-repeat;
	background-size: 52px 53px;
	margin: 0 auto;
	padding-top: 10px
}

.mainTypeTab li>.icon2 {
	background-image: url(../images/archive_type_2.png)
}

.mainTypeTab li>.icon3 {
	background-image: url(../images/archive_type_3.png)
}

.mainTypeTab li>.icon4 {
	background-image: url(../images/archive_type_4.png)
}

.mainTypeTab li>.icon5 {
	background-image: url(../images/archive_type_5.png)
}

.mainTypeTab li>.icon6 {
	background-image: url(../images/archive_type_6.png)
}

.secTypeContainer {
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
	display: none
}

.secTypeContainer>.arrow {
	position: absolute;
	top: 7px;
	left: 30px;
	width: 7px;
	height: 4px;
	background: url(../images/secTypeArrow.png) center center no-repeat;
	background-size: 7px 4px
}

.archiveList_tab {
	line-height: 40px;
	padding: 4px 10px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(125,125,125,.5);
	max-height: 600px;
	overflow: hidden;
	overflow-y: auto
}

.archiveList_tab>span {
	display: inline-block;
	padding: 0 13px;
	border-radius: 15px;
	font-size: 12px;
	line-height: 30px;
	margin-right: 10px;
	background-color: #fff;
	color: #000;
	border: 1px solid #eee
}

.archiveList_tab>span .small {
	font-size: 12px
}

.archiveList_tab>span.am-clickable-active,.archiveList_tab>span.selected {
	background-color: #eee;
	color: #000
}

.archiveList {
	background: #f6f6f6
}

.archiveList>ul>li {
	padding: 10px;
	border-bottom: #ededed 1px solid;
	margin: 10px 0;
	background-color: #fff
}

.archiveList>ul>li.empty {
	text-align: center;
	line-height: 50px;
	color: #666;
	border-bottom: none
}

.archiveList .userHeader {
	height: 42px;
	width: 42px;
	float: left;
	background-image: url(../images/head_male.png);
	background-size: contain;
	overflow: hidden;
	border-radius: 42px
}

.archiveList .userHeader img {
	border-radius: 42px
}

.archiveList .userHeader .headText {
	padding: 7px;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	color: #999
}

.archiveList .rightContent {
	margin: 0 0 0 50px;
	position: relative
}

.archiveList .userName {
	font-size: 14px;
	line-height: 22px;
	color: #507daf;
	height: 22px
}

.archiveList .userName>span {
	float: left;
	display: block
}

.archiveList .userName>span.ico_share {
	float: right;
	color: #000;
	text-align: center;
	width: 18px;
	height: 22px;
	background: url(../images/archiveList_share_ico.png) center 4px no-repeat;
	background-size: 16px 4px
}

.archiveList .userName>span.postTime {
	padding-left: 5px;
	font-size: 10px;
	color: #bbb;
	height: 22px
}

.archiveList .userName>span.store {
	background: url(../images/storePos.png) center left no-repeat;
	background-size: 8px 10px;
	padding-left: 12px;
	font-size: 10px;
	color: #bbb;
	max-width: 75px;
	height: 22px;
	overflow: hidden
}

.archiveList .userName>.type {
	font-size: 14px;
	color: #555;
	margin-left: 5px
}

.archiveList .line2 {
	padding-bottom: 10px
}

.archiveList .line2 span {
	display: block;
	float: left
}

.archiveList .line2 span.price {
	float: right;
	color: #999;
	font-size: 12px
}

.archiveList .line2 .postTime {
	padding-left: 5px;
	font-size: 10px;
	color: #bbb
}

.archiveList .line2 .store {
	background: url(../images/storePos.png) center left no-repeat;
	background-size: 8px 10px;
	padding-left: 12px;
	font-size: 10px;
	color: #bbb;
	max-width: 75px;
	height: 16px;
	overflow: hidden
}

.archiveList .text {
	font-size: 14px;
	color: #222;
	line-height: 20px;
	margin-bottom: 10px
}

.archiveList .photos {
	margin-bottom: 0;
	margin-right: -5px
}

.archiveList .photos li {
	display: inline-block;
	height: 80px;
	width: 80px;
	overflow: hidden;
	background: #EEE;
	padding: 0;
	margin: 0 5px 2px 0
}

.archiveList .photos li img {
	width: 100%;
	display: block
}

.archiveList .photos.onlyOne li {
	float: none;
	width: 162px;
	height: 162px
}

.archiveList .actions {
	font-size: 12px;
	color: #aaa;
	line-height: 21px;
	position: relative;
	margin-bottom: 10px;
	height: 30px
}

.archiveList .actions .left {
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	line-height: 30px
}

.archiveList .actions .left span {
	line-height: 30px;
	display: inline-block;
	padding: 0 4px 0 22px;
	text-align: center;
	color: #b3b3b3
}

.archiveList .actions .left span.like {
	background: url(../images/action3.png) 3px center no-repeat;
	background-size: 14px 16px
}

.archiveList .actions .left span.share {
	background: url(../images/action4.png) 3px center no-repeat;
	background-size: 12px 15px
}

.archiveList .actions .left span.comments {
	background: url(../images/archiveList_msg_ico.png) 3px center no-repeat;
	background-size: 14px 13px
}

.archiveList .actions .right {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 30px
}

.archiveList .actions .right span {
	line-height: 21px;
	display: inline-block;
	padding: 0 8px 0 22px;
	text-align: center;
	border: 1px solid #b3b3b3;
	border-radius: 21px;
	color: #b3b3b3
}

.archiveList .actions .right span.comment {
	background: url(../images/action1.png) 8px center no-repeat;
	background-size: 9px 11px
}

.archiveList .actions .right span.complain {
	padding: 0 8px;
	border: none
}

.archiveList .actions .right span.reseration {
	background: url(../images/action2.png) 8px center no-repeat;
	border: 1px solid #e768ae;
	color: #e768ae;
	background-size: 12px 12px;
	line-height: 25px;
	height: 23px
}

.archiveList .actions .right span.am-clickable-active {
	background-color: #eee
}

.archiveList .commentsList {
	background: #f4f4f4;
	padding: 5px 10px;
	color: #999;
	font-size: 12px
}

.archiveList .commentsList>p {
	margin: 5px 0
}

.archiveList .commentsList .name {
	color: #222
}

.archiveList .commentsList .del {
	margin-left: 10px;
	color: #195693
}

.archiveList span.reward {
	color: #e768ae;
	font-size: 12px;
	line-height: 22px;
	background: url(../images/archiveList_play_ico.png) 3px center no-repeat;
	background-size: 14px 14px
}

.archiveList span.reward.detail {
	display: inline-block;
	border: 0;
	background: url(../images/archiveList_play_l_ico.png) 3px center no-repeat;
	background-size: 14px 14px;
	color: #e768ae;
	height: 30px;
	line-height: 30px
}

.archiveList .am-body-inner {
	background-color: #f6f6f6
}

.archiveList .subicon {
	width: 43px;
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	line-height: 45px;
	text-align: center;
	border-left: 1px solid #f3f3f3
}

.page_archiveCommentAdd .page_textarea {
	padding: 10px;
	background-color: #FFF;
	border-bottom: #e5e5e5 1px solid;
	margin-bottom: 10px
}

.page_archiveCommentAdd .page_textarea textarea {
	height: 150px
}

.page_archiveCommentAdd .page_button {
	display: block;
	margin: 0 20px
}

.clearfix:after,.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.page_archiveList .am-header .button.change {
	background: url(../images/archiveList_Sudoku_ico.png) center center no-repeat;
	background-size: 19px 19px
}

.page_archiveList .am-header .button.change.active {
	background: url(../images/archiveList_list_ico.png) center center no-repeat;
	background-size: 19px 19px
}

.page_archiveList .archiveList.falls {
	margin-top: 5px
}

.page_archiveList .archiveList.falls * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.page_archiveList .archiveList.falls>ul {
	display: block;
	float: left;
	width: 50%;
	padding: 0 5px
}

.page_archiveList .archiveList.falls ul>li {
	display: block;
	width: 100%;
	float: left;
	margin: 5px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.page_archiveList .archiveList.falls ul li .photos,.page_archiveList .archiveList.falls ul li .photos li {
	margin: 0
}

.page_archiveList .archiveList.falls .falls_tit {
	position: relative;
	padding: 16px 8px 14px;
	background-color: #eee
}

.page_archiveList .archiveList.falls .falls_tit .falls_header {
	font-size: 16px;
	padding-left: 5px;
	border-left: 3px solid #362e2b;
	height: 14px;
	line-height: 12px;
	font-weight: 800;
	color: #1a1a1a
}

.page_archiveList .archiveList.falls .falls_tit .falls_con {
	margin-top: 14px;
	font-size: 12px;
	color: #888;
	line-height: 18px
}

.page_archiveList .archiveList.falls .falls_tit .falls_nums {
	position: absolute;
	top: 12px;
	right: 5px;
	height: 21px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #ccc;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 21px;
	min-width: 35px;
	max-width: 60px
}

.page_archiveList .archiveList.falls .rightContent {
	margin: 0
}

.page_archiveList .archiveList.falls .rightContent .actions,.page_archiveList .archiveList.falls .rightContent .line2,.page_archiveList .archiveList.falls .rightContent .text,.page_archiveList .archiveList.falls .rightContent .userName,.page_archiveList .archiveList.falls .userHeader {
	display: none
}

.page_archiveList .archiveList.falls .userHeader.falls_userHeader {
	float: right;
	display: block;
	margin-right: 10px;
	margin-top: -21px
}

.page_archiveList .archiveList.falls .am-touchable {
	padding: 0
}

.page_archiveList .archiveList.falls .text.falls_text {
	display: block;
	padding: 0 10px;
	color: #555;
	font-size: 15px;
	line-height: 18px;
	min-height: 36px;
	margin-bottom: 5px
}

.page_archiveList .archiveList.falls .falls_img {
	display: block;
	width: 100%
}

.page_archiveList .archiveList.falls .price_name {
	display: block;
	padding: 8px 10px;
	color: #e768ae;
	font-size: 12px
}

.page_archiveList .archiveList.falls .photonumbers {
	position: absolute;
	z-index: 1;
	top: 4px;
	right: 4px;
	width: 20px;
	height: 15px;
	text-align: center;
	border-top: 1px solid rgba(0,0,0,.5);
	border-right: 1px solid rgba(0,0,0,.5);
	border-radius: 3px;
	color: rgba(0,0,0,.5);
	padding: 3px 3px 0 0;
	display: none
}

.page_archiveList .archiveList.falls .photonumbers>span {
	background-color: rgba(0,0,0,.5);
	width: 20px;
	height: 15px;
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	line-height: 16px
}

.page_archiveList .falls_img,.page_archiveList .falls_text,.page_archiveList .price_name {
	display: none
}

.page_archiveList .subicon {
	width: 43px;
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	text-align: center;
	border-left: 1px solid #f3f3f3;
	height: 47px
}

.page_archiveList .subicon.down {
	background: url(../images/archiveList_down.png) center center no-repeat;
	background-size: 15px 9px
}

.page_archiveList .subicon.down.selected {
	background: url(../images/archiveList_up.png) center center no-repeat;
	background-size: 15px 9px
}

.page_archiveList .subscribeBtn {
	position: absolute;
	z-index: 2;
	height: 45px;
	line-height: 45px;
	bottom: 0;
	background-color: #e768ae;
	color: #e768ae;
	width: 100%;
	text-align: center
}

.page_archiveList .subscribeBtn .subscribeBtn_ico {
	display: inline-block;
	padding-left: 29px;
	height: 100%;
	font-size: 16px;
	color: #fff;
	background: url(../images/archiveList_order_l_ico.png) 3px center no-repeat;
	background-size: 20px 19px
}

#page_archiveDetail .archiveList>ul>li {
	margin-top: 0
}

#page_archiveDetail .moreworks {
	line-height: 42px;
	height: 22px;
	padding: 10px 0;
	width: 100%;
	background-color: #fff
}

#page_archiveDetail .moreworks .left {
	float: left;
	margin-left: 10px;
	height: 14px;
	margin-top: 4px;
	font-size: 14px;
	color: #222;
	border-left: 4px solid #e768ae
}

#page_archiveDetail .moreworks .left span {
	height: 22px;
	display: block;
	line-height: 14px;
	margin-left: 4px
}

#page_archiveDetail .moreworks .right {
	float: right;
	margin-right: 10px;
	height: 14px;
	margin-top: 4px;
	font-size: 14px;
	background: url(../images/arrow_right.png) right center no-repeat;
	background-size: 15px 15px;
	padding-right: 15px
}

#page_archiveDetail .moreworks .right span {
	height: 22px;
	display: block;
	line-height: 14px;
	margin-left: 4px;
	color: #999
}

#page_archiveDetail .commentList {
	margin-top: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
	width: 100%
}

#page_archiveDetail .commentList * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

#page_archiveDetail .commentList .title {
	height: 26px;
	line-height: 26px
}

#page_archiveDetail .commentList .title .left {
	float: left;
	font-size: 12px;
	color: #999
}

#page_archiveDetail .commentList .title .right {
	float: right;
	font-size: 14px;
	padding: 0 10px 0 22px;
	border: 1px solid #ddd;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	background: url(../images/write_ico.png) 10px center no-repeat;
	background-size: 9px 11px
}

#page_archiveDetail .commentList .list {
	width: 100%
}

#page_archiveDetail .commentList .list ul {
	list-style-type: none
}

#page_archiveDetail .commentList .list ul li {
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	padding: 10px 0
}

#page_archiveDetail .commentList .list ul li .left {
	float: left
}

#page_archiveDetail .commentList .list ul li .right {
	float: right
}

#page_archiveDetail .commentList .list ul.recordlist li {
	position: relative;
	min-height: 40px;
	padding: 10px 0;
	border-bottom: 1px solid #F0EFEF
}

#page_archiveDetail .commentList .list ul.recordlist li:after {
	content: "";
	display: block;
	clear: both
}

#page_archiveDetail .commentList .list ul.recordlist li .left {
	width: 35px;
	height: 35px;
	float: left;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: url(../images/head_male.png) no-repeat;
	background-size: 35px 35px
}

#page_archiveDetail .commentList .list ul.recordlist li .left img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

#page_archiveDetail .commentList .list ul.recordlist li .middle {
	margin-left: 45px
}

#page_archiveDetail .commentList .list ul.recordlist li .middle span {
	display: inline-block;
	vertical-align: middle
}

#page_archiveDetail .commentList .list ul.recordlist li .middle .custname {
	font-size: 12px;
	color: #555
}

#page_archiveDetail .commentList .list ul.recordlist li .right {
	float: right
}

#page_archiveDetail .commentList .list ul.recordlist li .right .r_money {
	font-size: 12px;
	text-align: right;
	color: #999
}

#page_archiveDetail .commentList .list ul.recordlist li .r_intro {
	font-size: 14px;
	color: #222;
	margin-top: 3px
}

#page_archiveDetail .commentList .list ul.recordlist li span.del {
	display: none
}

#page_archiveDetail .commentList .list ul.recordlist li.adddel .r_intro {
	margin-right: 45px
}

#page_archiveDetail .commentList .list ul.recordlist li.adddel .del {
	display: inline-block;
	color: #507daf;
	position: absolute;
	z-index: 1;
	bottom: 9px;
	right: 5px
}

#page_archiveDetail .commentList .list .more {
	text-align: center;
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	display: none
}

#page_archiveDetail .commentList .list.empty .more {
	display: block
}

#page_ownerarchiveList .am-header .back {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/back.png);
	background-size: 18px 18px
}

.page_messageList {
	background: #f3f3f3
}

.page_messageList .messageList {
	padding: 0 0 15px
}

.page_messageList .messageList>li {
	padding: 15px 15px 0;
	text-align: center
}

.page_messageList .messageList .item_time {
	display: inline-block;
	line-height: 20px;
	font-size: 12px;
	background: #c9c9c9;
	color: #fff;
	padding: 0 8px;
	margin: 0 auto;
	border-radius: 4px
}

.page_messageList .messageList .item_main {
	text-align: left;
	position: relative;
	margin-top: 5px
}

.page_messageList .messageList .item_header {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center
}

.page_messageList .messageList .item_header.bg {
	background: url(../images/head_male.png) center center no-repeat #CCC;
	background-size: contain
}

.page_messageList .messageList .item_header.shortName {
	background: #EEE;
	font-size: 12px
}

.page_messageList .messageList .item_header.shortName span {
	display: block;
	width: 30px;
	text-align: center;
	height: 32px;
	overflow: hidden
}

.page_messageList .messageList .tenantLogo {
	background-color: #999
}

.page_messageList .messageList .item_header img {
	display: block;
	border-radius: 50px
}

.page_messageList .messageList .item_right {
	margin-left: 65px;
	border: 1px solid #ebebeb;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	position: relative
}

.page_messageList .messageList .item_right.am-clickable-active {
	background-color: #f3f3f3
}

.page_messageList .messageList .item_right .title {
	line-height: 18px;
	font-size: 14px;
	margin-bottom: 5px
}

.page_messageList .messageList .item_right .content {
	line-height: 18px;
	font-size: 12px;
	color: #757575
}

.page_messageList .messageList .item_right .more {
	border-top: #e8e8e8 1px solid;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 11px;
	color: #a7a7a7;
	background: url(../images/messageArrow.png) right 13px no-repeat;
	background-size: 5px 10px
}

.page_messageList .messageList .item_right .arrow {
	width: 9px;
	height: 14px;
	background: url(../images/message-arrow.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top: 20px;
	left: -9px
}

.page_messageList .class-fullcenter {
	top: 44px;
	background-color: #f3f3f3;
	bottom: 53px;
	z-index: -1
}

body.isios .page_messageList .class-fullcenter {
	top: 64px
}

.page_messageList .am-page-empty span {
	background: url(../images/msg_empty.png) center center no-repeat;
	background-size: 150px 150px;
	height: 150px
}

.card_img .text,.memberCards_list .actionBar,.panel_tab ul {
	-webkit-box-orient: horizontal
}

.login_link {
	width: 270px;
	margin: 0 auto;
	line-height: 30px
}

.login_link span {
	font-weight: 700;
	color: #d85646;
	text-decoration: underline
}

.login_tip {
	margin-top: 20px;
	border-top: 1px solid #EEE;
	padding: 10px;
	font-size: 12px;
	color: #CCC;
	line-height: 20px
}

.panel_tab {
	height: 40px;
	border-bottom: 1px solid #E5E5E5;
	background: #f9f9f9
}

.panel_tab ul {
	display: -webkit-box;
	height: 40px
}

.panel_tab li {
	-webkit-box-flex: 1;
	text-align: center;
	line-height: 40px;
	position: relative;
	padding: 0 10px
}

.panel_tab .selected {
	color: #ca54b6;
	height: 38px;
	border-bottom: 3px solid #ca54b6
}

.panel_tab .num {
	position: absolute;
	right: 5px;
	background: #ff2020;
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	padding: 0 5px;
	border-radius: 8px;
	top: 13px
}

.panel_container {
	padding: 10px 0
}

.panel_container .img {
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #DDD;
	background: url(../images/User_No-Frame.png) center center no-repeat #eaeaea;
	background-size: 64px 64px
}

.panel_container .img img {
	width: 120px;
	display: block
}

.panel_container .name {
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	padding-bottom: 5px
}

.panel_info {
	line-height: 40px
}

.panel_info ul {
	border-bottom: 1px solid #ededed
}

.panel_info li {
	padding: 0 15px;
	border-top: 1px solid #ededed;
	background: #FFF
}

.panel_info .label {
	float: left;
	color: #2a2a2a;
	font-size: 13px
}

.panel_info .value {
	text-align: right;
	min-height: 40px;
	margin-left: 150px;
	font-size: 12px;
	color: #747474
}

.panel_container .login_out {
	display: block;
	margin: 20px 20px 10px
}

.card_img {
	margin: 0 10px;
	position: relative;
	padding-bottom: 10px
}

.card_img .text {
	position: absolute;
	bottom: 40px;
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	background: rgba(255,255,255,.73);
	display: -webkit-box
}

.card_img .text .cell {
	-webkit-box-flex: 1;
	text-align: center;
	font-size: 12px
}

.card_img img {
	width: 100%
}

#memberCard_barcodeImg {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0
}

.card_img.barcode #memberCard_img {
	visibility: hidden
}

.card_img.barcode #memberCard_barcodeImg {
	display: block
}

.card_img.barcode .text {
	display: none
}

.panel_container .highlight {
	color: #ca54b6
}

.card_selector {
	border-bottom: 1px solid #DDD;
	text-align: center;
	height: 10px;
	margin-bottom: 20px;
	position: relative
}

.card_selector .cardName {
	position: absolute;
	left: 50%;
	bottom: -14px
}

.card_selector .sel {
	position: relative;
	left: -50%;
	line-height: 24px;
	padding: 0 39px 0 23px;
	border: 1px solid #DDD;
	border-radius: 12px;
	font-size: 12px;
	background: url(../images/droplistIcon.png) right center no-repeat #FFF;
	background-size: 33px 11px
}

.comboCards ul {
	padding-top: 10px
}

.comboCards li {
	height: 44px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	padding: 10px;
	background: #FFF;
	margin-bottom: 10px
}

.comboCards li.disabled .comboName,.comboCards li.disabled .num,.comboCards li.disabled .time {
	color: #CCC
}

.comboCards .num {
	float: right;
	font-size: 14px;
	line-height: 44px;
	background-size: 12px 12px;
	padding-left: 15px;
	color: #888
}

.comboCards .comboName {
	line-height: 24px
}

.comboCards .time {
	line-height: 20px;
	color: #999;
	font-size: 12px
}

.panel_container.comboCards {
	padding: 0
}

.tipMessage {
	padding: 10px 0;
	color: gray;
	text-align: center;
	font-size: 12px
}

.page_records .panel_container {
	padding: 0
}

.blockItem.record .fileds>li {
	position: relative;
	border-bottom: #EEE 1px solid
}

.blockItem.record .serviceItems {
	border-bottom: #f3f3f3 1px solid
}

.blockItem.record .fileds .line {
	line-height: 40px;
	height: 40px;
	padding: 0 10px;
	font-size: 13px;
	background: #FFF
}

.blockItem.record .fileds .line.serviceItem_line {
	height: auto;
	min-height: 40px
}

.blockItem.record .fileds .line.first {
	border: none;
	border-bottom: #EEE 1px solid;
	line-height: 27px;
	height: 27px;
	background: 0 0
}

.blockItem.record .fileds .title {
	display: block;
	padding: 10px 0;
	line-height: 20px;
	margin-right: 50px
}

.blockItem.record .fileds .right {
	vertical-align: middle;
	float: right
}

.blockItem.record .fileds .right .bonus {
	font-size: 12px;
	padding: 0 0 0 5px
}

.blockItem.record .fileds .time {
	color: #333;
	padding-left: 15px;
	background-image: url(../images/member-icon4.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px 12px;
	font-size: 12px;
	-webkit-filter: grayscale(100%);
	opacity: .5
}

.blockItem.record .fileds .name {
	color: #666
}

.blockItem.record .fileds .header {
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	border-radius: 20px;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	display: inline-block;
	margin: 2px 5px 0 0
}

.blockItem.record .fileds .header img {
	width: 100%;
	height: 100%;
	border-radius: 20px
}

.blockItem.record .fileds .amount {
	font-size: 15px;
	font-weight: 700
}

.blockItem.record .commentText {
	padding: 10px 0;
	position: relative;
	background: #FFF;
	border-top: 1px solid #f3f3f3
}

.blockItem.record .commentText .score {
	width: 40px;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	font-size: 11px;
	text-align: center;
	border-right: #EEE 1px solid;
	height: 45px;
	line-height: 65px;
	background-repeat: no-repeat;
	background-position: center 2px;
	background-size: 20px 20px
}

.blockItem.record .commentText .score.icon1 {
	background-image: url(../images/comment_a.png)
}

.blockItem.record .commentText .score.icon2 {
	background-image: url(../images/comment_b.png)
}

.blockItem.record .commentText .score.icon3 {
	background-image: url(../images/comment_c.png)
}

.blockItem.record .commentText .content {
	margin-left: 50px;
	min-height: 45px;
	font-size: 11px;
	color: #010101
}

.blockItem.record .commentText .content span.tag {
	display: inline-block;
	border: 1px solid #DDD;
	border-radius: 2px;
	background: #f3f3f3;
	margin: 0 5px 2px 0;
	padding: 2px 5px
}

.blockItem.record .commentEditor {
	background: #ededed;
	padding: 10px;
	position: relative
}

.blockItem.record .commentEditor .score {
	height: 25px;
	margin-bottom: 10px
}

.blockItem.record .commentEditor .score>li {
	float: left;
	width: 50px;
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 20px 20px;
	padding-left: 35px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #ededed;
	margin-right: 10px;
	border-radius: 16px
}

.blockItem.record .commentEditor .score>li.selected {
	background-color: #fff;
	border: 1px solid #dedede
}

.blockItem.record .commentEditor .score>li.icon1 {
	background-image: url(../images/comment_a.png)
}

.blockItem.record .commentEditor .score>li.icon2 {
	background-image: url(../images/comment_b.png)
}

.blockItem.record .commentEditor .score>li.icon3 {
	background-image: url(../images/comment_c.png)
}

.blockItem.record .inputPlace {
	position: relative
}

.blockItem.record .inputPlace .textarea {
	position: relative;
	border: 1px solid #adacac;
	padding: 0 5px;
	display: block;
	margin-right: 50px;
	vertical-align: middle;
	background: #fff
}

.blockItem.record .inputPlace .textarea textarea {
	height: 50px;
	line-height: 22px;
	font-size: 12px;
	padding: 0 5px;
	margin: 0 -5px;
	width: 100%;
	border: none;
	display: block;
	background: 0 0;
	color: #666
}

.blockItem.record .btns .commentTips.am-disabled,.blockItem.record .btns .recordsBtn.am-disabled {
	display: none
}

.blockItem.record .inputPlace .button {
	width: 40px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	float: right;
	background: #ae2a2a;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0
}

.blockItem.record .commentEditor .arrow {
	position: absolute;
	width: 12px;
	height: 6px;
	background-image: url(../images/member-comment-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px 6px;
	top: -6px;
	right: 30px
}

.blockItem.record .btns {
	padding: 5px 0;
	height: 28px;
	background: #FFF;
	border-top: 1px solid #f3f3f3
}

.blockItem.record .btns .recordsBtn {
	float: right;
	line-height: 26px;
	border: 1px solid #DDD;
	border-radius: 2px;
	padding: 0 10px;
	margin-right: 5px;
	font-size: 12px
}

.panel_container.record .am-page-empty p,.panel_container.reseration_list .am-page-empty p {
	line-height: 20px;
	padding-top: 10px;
	font-size: 12px
}

.blockItem.record .btns .recordsBtn.am-clickable-active {
	border-color: #888
}

.blockItem.record .btns .recordsBtn.comment {
	position: relative;
	border-color: #e768ae;
	color: #e768ae
}

.blockItem.record .btns .recordsBtn.comment.am-clickable-active {
	border-color: #99499c;
	color: #99499c
}

.blockItem.record .btns .commentTips {
	position: absolute;
	left: -13px;
	bottom: 28px;
	width: 80px;
	height: 58px;
	background: url(../images/lababg.png) 3px 4px no-repeat;
	background-size: 78px 56px
}

.panel_container .am-page-empty,.panel_container .am-page-error {
	background-color: #f5f5f5
}

.panel_container.memberCards .am-page-empty span {
	background-image: url(../images/card_space.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 187px 126px;
	height: 200px
}

.panel_container.memberCards .am-page-empty p {
	font-size: 12px;
	line-height: 20px
}

.panel_container.record .am-page-empty span {
	background-image: url(../images/record_empty.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 150px 150px;
	height: 150px
}

.panel_container.reseration_list .am-page-empty span {
	background-image: url(../images/headerBg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 124px 124px;
	height: 124px
}

.reseration_list {
	padding: 1px 0
}

.reseration_list dt {
	font-size: 12px;
	text-align: center;
	padding: 10px 0 7px
}

.reseration_list dt span {
	padding: 0 6px;
	background: #BBB;
	border-radius: 2px;
	line-height: 18px;
	display: inline-block;
	color: #FFF
}

.reseration_list .time {
	float: left;
	padding-left: 10px
}

.reseration_list .time .ts {
	font-size: 18px;
	color: #ca54b6
}

.reseration_list .time .desc {
	font-size: 12px;
	color: #888
}

.reseration_list .content {
	margin: 0 10px 0 70px;
	line-height: 20px;
	font-size: 12px;
	border-left: 1px solid #CCC;
	padding-left: 12px;
	padding-bottom: 10px;
	position: relative
}

.reseration_list .content .name {
	text-align: left;
	padding: 0 0 3px;
	line-height: 20px
}

.barcodeNum,.page_barcode .refreshButton,.qrcode {
	text-align: center
}

.reseration_list .content .level {
	color: #999;
	font-size: 12px;
	padding-left: 5px;
	font-weight: 400
}

.reseration_list .content .category {
	color: #555
}

.reseration_list .content .store {
	color: #555;
	padding-left: 12px;
	background: url(../images/storePos.png) left 4px no-repeat;
	background-size: 8px 12px
}

.reseration_list .content .store span {
	padding-left: 25px;
	background: url(../images/tel_gray.png) 5px center no-repeat;
	background-size: 20px 20px
}

.reseration_list .page_button {
	position: absolute;
	line-height: 30px;
	height: 30px;
	right: 0;
	top: 3px;
	border-radius: 2px;
	width: 70px;
	padding: 0
}

.reseration_list dd.canceled .page_button {
	background-color: #BBB
}

.barcode,.qrcode {
	position: relative;
	background-color: #FFF
}

.reseration_list dd.canceled .name,.reseration_list dd.canceled .time .ts {
	color: #888
}

.reseration_list dd.canceled .content .category,.reseration_list dd.canceled .content .store {
	color: #999
}

.comboCards_button {
	display: block;
	margin: 10px
}

.personInfo .panel_info .page_checkBox {
	font-size: 12px;
	font-weight: 400;
	margin-top: 6px
}

.barcode {
	padding: 5px 0;
	min-height: 100px
}

.qrcode {
	height: 150px;
	overflow: hidden
}

.barcodeLine {
	height: 15px
}

.qrcode img {
	height: 170px;
	margin: -10px 0
}

.barcodeNum {
	line-height: 36px;
	font-size: 24px
}

.barcode img {
	width: 100%;
	max-height: 100%
}

.page_barcode {
	background-color: #f5f5f5
}

.page_barcode .refreshButton.am-clickable-active {
	background-color: #f3f3f3
}

.page_barcode .btn_center {
	display: inline-block;
	padding: 10px 0
}

.page_barcode .refreshButton span.icon {
	float: left;
	width: 20px;
	height: 20px;
	background: url(../images/refresh-32.png) center center no-repeat;
	background-size: 16px 16px;
	margin-right: 5px
}

.page_barcode .refreshButton.loading .icon {
	-webkit-animation: animation-loading infinite linear 1.2s
}

.page_barcode .refreshButton span.text {
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.page_barcode .failedMsg,.page_barcode .tips {
	font-size: 12px;
	color: #888;
	text-align: center;
	line-height: 30px
}

.page_barcode .failedMsg {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	background: url(../images/refresh-32.png) center center no-repeat;
	padding-top: 50px;
	margin-top: -40px
}

.personInfo .imgWrap {
	width: 64px;
	height: 64px;
	padding: 2px;
	background: #FFF;
	box-shadow: rgba(0,0,0,.1) 1px 1px 5px;
	border-radius: 36px;
	margin: 0 auto
}

.personInfo .img {
	width: 64px;
	height: 64px;
	border-radius: 64px;
	background: url(../images/head_male.png) center center no-repeat #FFF;
	background-size: 60px 60px;
	border: none
}

.personInfo .img img {
	width: 64px;
	border-radius: 64px
}

.page_panel .setting {
	background-image: url(../images/shezhi.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 18px
}

.memberCards_list {
	padding: 5px
}

.memberCards_list li {
	margin-bottom: 10px
}

.memberCards_list .baseInfo {
	background: #ca54b6;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #FFF;
	text-align: right;
	padding: 10px 10px 0
}

.memberCards_list .baseInfo .icon {
	float: left;
	width: 24px;
	height: 24px;
	background: url(../images/card_icon.png) center center no-repeat rgba(255,255,255,.2);
	background-size: 24px 24px;
	border-radius: 12px;
	margin-right: 7px
}

.memberCards_list .baseInfo .name {
	font-size: 15px;
	line-height: 24px;
	text-align: left;
	padding: 0;
	float: left
}

.memberCards_list .baseInfo .balance,.memberCards_list .baseInfo .bonusBalance {
	display: inline;
	font-size: 12px;
	padding: 0 5px;
	line-height: 14px;
	height: 14px
}

.memberCards_list .baseInfo .bonusBalance {
	border-left: 1px solid rgba(0,0,0,.08)
}

.memberCards_list .baseInfo .cardNo {
	font-size: 18px;
	line-height: 45px;
	padding-right: 5px
}

.memberCards_list .cardInfo {
	background: #FFF;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

.memberCards_list .actionBar {
	display: -webkit-box;
	height: 36px;
	line-height: 36px
}

.memberCards_list .actionBar .btn {
	-webkit-box-flex: 1;
	border-right: 1px solid #ededed;
	text-align: center;
	color: #757575;
	font-size: 12px
}

.memberCards_list .actionBar .btn:last-child {
	border-right: none
}

.memberCards_list .actionBar .btn span {
	display: inline-block;
	padding-left: 30px
}

.memberCards_list .actionBar .btn.pay span {
	background: url(../images/card.png) left center no-repeat;
	background-size: 25px 25px
}

.memberCards_list .actionBar .btn.more span {
	background: url(../images/card_d.png) left center no-repeat;
	background-size: 25px 25px
}

.memberCards_list .actionBar .btn.less span {
	background: url(../images/card_u.png) left center no-repeat;
	background-size: 25px 25px
}

.memberCards_list .cardInfo .otherInfo {
	border-top: 1px dashed #ddd;
	margin: 0 5px;
	padding: 5px;
	line-height: 18px;
	display: none
}

.memberCards_list .cardInfo .label {
	float: left;
	font-size: 12px;
	color: #cecece
}

.memberCards_list .cardInfo .value {
	color: #757575;
	font-size: 12px
}

#page_comboCards,.page_records {
	background-color: #f3f3f3
}

.page_myReservation .am-page-empty span {
	background-color: #f5f5f5;
	background-image: url(../images/headerBg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 124px 124px;
	height: 124px
}

.page_panel1 .message {
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	height: 44px
}

.page_panel1 .message::before {
	content: "";
	margin: 8px auto 0;
	display: block;
	width: 23px;
	height: 19px;
	background: url(../images/main_sprite.png) 0 -1107px no-repeat;
	background-size: 56px 1151px
}

.page_panel1 .message>.redDot {
	position: absolute;
	top: 10px;
	right: 6px;
	display: none;
	border-radius: 10px;
	background: #f91929;
	width: 8px;
	padding: 0;
	height: 8px
}

.page_panel1 {
	background-color: #f5f5f5
}

.panel1_header {
	background: #666;
	position: relative
}

.panel1_user {
	height: 100px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -55px 0 0;
	text-align: center
}

.panel1_header img {
	width: 100%;
	display: block
}

.panel1_user .img {
	width: 70px;
	height: 70px;
	margin: 0 auto 15px;
	background: url(../images/head_male.png) center center no-repeat;
	background-size: contain;
	border-radius: 40px;
	overflow: hidden;
	border: 5px solid rgba(255,255,255,.18)
}

.panel1_user .imgWrap {
	width: 80px;
	margin: 0 auto;
	position: relative
}

.panel1_user .imgWrap .plus {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #e768ae;
	background-size: 20px 20px;
	position: absolute;
	right: 3px;
	bottom: 3px;
	font-size: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff
}

.panel1_user .img img {
	width: 70px;
	height: 70px;
	border-radius: 35px
}

.panel1_user .name {
	line-height: 25px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	display: inline-block;
	border: 1px solid rgba(255,255,255,.83);
	padding: 0 16px;
	border-radius: 18px
}

.panel1_consolidation {
	background: #7d7d7d;
	padding-left: 37px;
	padding-right: 10px;
	height: 34px;
	line-height: 34px;
	box-sizing: border-box;
	position: relative;
	display: flex;
	display: -webkit-flex;
	margin-top: -5px
}

.panel1_consolidation[hide] {
	display: none
}

.panel1_consolidation::after {
	position: absolute;
	content: '';
	width: 19px;
	height: 19px;
	right: 2px;
	top: 7px;
	background: url(../images/arrow_right_white.png);
	background-size: contain
}

.panel1_consolidation .panel1_consolidation-symbol {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 10px;
	height: 18px;
	width: 18px;
	background: url(../images/waringgth_gray.png);
	background-size: contain
}

.panel1_consolidation .consolidation_right {
	-webkit-flex: 1;
	flex: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #fff;
	font-size: 12px;
	display: inline-block
}

.panel1_tab {
	padding-bottom: 5px
}

.panel1_tab ul {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	border-bottom: 1px solid #eee;
	height: 72px
}

.panel1_tab li {
	-webkit-box-flex: 1;
	border-right: 1px solid #eee;
	background: #fff;
	padding-top: 10px;
	position: relative
}

.panel1_tab li.am-clickable-active {
	background-color: #f5f5f5
}

.panel1_tab li:last-child {
	border-right: none
}

.panel1_tab .icon {
	width: 40px;
	height: 40px;
	margin: -5px auto
}

.panel1_tab .text {
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #747474
}

.panel1_tab .icon.member {
	background: url(../images/main_sprite.png) 0 -53px no-repeat;
	background-size: 56px 1151px
}

.panel1_tab .icon.combo {
	background: url(../images/main_sprite.png) 0 -368px no-repeat;
	background-size: 56px 1151px
}

.panel1_tab .icon.record {
	background: url(../images/main_sprite.png) 0 -233px no-repeat;
	background-size: 56px 1151px
}

.panel1_tab .icon.reseration {
	background: url(../images/main_sprite.png) 0 -188px no-repeat;
	background-size: 56px 1151px
}

.panel1_tab .dot {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 12px;
	border-radius: 6px;
	background: #f91929;
	font-size: 12px;
	padding: 0 3px;
	line-height: 12px;
	color: #fff;
	display: none
}

.panel1_list {
	border-top: 1px solid #eee;
	padding-bottom: 5px
}

.panel1_list li {
	border-bottom: 1px solid #eee;
	line-height: 38px;
	height: 38px;
	background-color: #fff;
	position: relative
}

.panel1_list li.am-clickable-active {
	background-color: #f5f5f5
}

.panel1_list .icon {
	float: left;
	width: 30px;
	height: 30px;
	margin: 4px
}

.panel1_list .name {
	font-size: 14px;
	color: #222
}

.panel1_list .dot {
	position: absolute;
	top: 15px;
	left: 98px;
	border-radius: 10px;
	background: #f91929;
	width: 7px;
	padding: 0;
	height: 7px;
	display: none
}

.panel1_list .icon.luckyMoney {
	background: url(../images/main_sprite.png) 0 -703px no-repeat;
	background-size: 56px 1151px
}

.panel1_list .icon.credit {
	background: url(../images/main_sprite.png) 0 -633px no-repeat;
	background-size: 56px 1151px
}

.panel1_list .icon.coupon {
	background: url(../images/main_sprite.png) 0 -668px no-repeat;
	background-size: 56px 1151px
}

.panel1_list .icon.realCoupon {
	background: url(../images/main_sprite.png) 0 -773px no-repeat;
	background-size: 56px 1151px
}

.panel1_list .icon.messages {
	background: url(../images/main_sprite.png) 0 -738px no-repeat;
	background-size: 56px 1151px
}

.panel1_list .arrow {
	float: right;
	margin: 10px 3px;
	width: 15px;
	height: 15px;
	background: url(../images/main_sprite.png) 0 -1131px no-repeat;
	background-size: 56px 1151px
}

.panel1_list .num {
	float: right;
	color: #999;
	font-size: 11px
}

.panel1_userInfo {
	position: absolute;
	width: 44px;
	height: 44px;
	top: 0;
	right: 0
}

.panel1_userInfo::before {
	content: "";
	margin: 2px;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/main_sprite.png) 0 -143px no-repeat;
	background-size: 56px 1151px
}

.isios .page_panel1 .message,.isios .panel1_userInfo {
	top: 20px
}

.page_menu .class-fullcenter,.page_products .class-fullcenter {
	top: 44px
}

.ios .page_menu .class-fullcenter,.page_products .class-fullcenter {
	top: 64px
}

.page_menu .menu {
	padding: 10px
}

.page_menu .menu table {
	width: 100%;
	margin-bottom: 10px;
	border-radius: 5px;
	box-shadow: #e4e4e4 0 1px 0
}

.page_menu .menu caption {
	background: #eb7fbc;
	height: 50px;
	vertical-align: middle;
	color: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: left
}

.page_menu .menu table tr:last-child td:first-child {
	border-bottom-left-radius: 5px
}

.page_menu .menu table tr:last-child td:last-child {
	border-bottom-right-radius: 5px
}

.page_menu .menu .icon {
	width: 36px;
	height: 36px;
	float: left;
	background: right bottom no-repeat #FFF;
	border-radius: 20px;
	margin: 7px;
	background-size: 30px 30px
}

.page_menu .menu td,.page_menu .menu th {
	background-color: #FFF;
	padding-left: 10px
}

.page_menu .menu .icon.icon1 {
	background-image: url(../images/menu/001.png)
}

.page_menu .menu .title {
	padding-top: 7px;
	line-height: 20px;
	font-size: 15px
}

.page_menu .menu .subTitle {
	font-size: 11px
}

.page_menu .menu th {
	font-size: 11px;
	color: #666;
	text-align: left;
	font-weight: 400;
	height: 30px
}

.page_menu .menu td {
	height: 32px;
	font-size: 13px;
	color: #eb5770
}

.page_menu .menu tr>td:first-child {
	color: #222
}

.page_menu .menu.theme1 {
	padding: 0;
	margin: 10px;
	border-radius: 5px;
	border-left: 3px solid #eb7fbc
}

.page_menu .menu.theme1 table {
	width: 100%;
	margin-bottom: 10px;
	border-radius: 5px
}

.page_menu .menu.theme1 caption {
	background: #FFF
}

.page_menu .menu.theme1 .title {
	padding-top: 0;
	font-size: 15px;
	font-weight: 700;
	color: #eb7fbc;
	float: left;
	line-height: 50px;
	margin-right: 10px
}

.page_menu .menu.theme1 .subTitle {
	font-size: 11px;
	color: #999;
	line-height: 50px
}

.page_menu .menu.theme1 .subTitle::before {
	content: "("
}

.page_menu .menu.theme1 .subTitle::after {
	content: ")"
}

.page_memberCards {
	background-color: #EEE
}

.page_luckyMoney {
	background-color: #f5f5f5
}

.luckyMoney_tips {
	text-align: center;
	line-height: 34px;
	min-height: 10px
}

.luckyMoney_tips span {
	padding-left: 20px;
	background: url(../images/tips.png) left center no-repeat;
	background-size: 15px 15px;
	font-size: 10px;
	display: inline-block
}

.luckyMoney_list {
	padding-bottom: 5px
}

.luckyMoney_list li {
	background: #FFF;
	margin-bottom: 5px;
	min-height: 65px
}

.luckyMoney_list .icon {
	width: 70px;
	height: 70px;
	float: left;
	background: url(../images/luckyMoney.png) center center no-repeat;
	background-size: 70px 70px
}

.luckyMoney_list .icon.gray {
	background: url(../images/luckyMoney_gray.png) center center no-repeat;
	background-size: 70px 70px
}

.luckyMoney_list .right {
	float: right;
	width: 100px;
	text-align: center;
	display: none
}

.luckyMoney_list .price {
	font-size: 12px;
	padding-top: 14px;
	line-height: 20px
}

.luckyMoney_list .price span {
	font-size: 18px
}

.luckyMoney_list .use {
	color: #ff6635;
	text-decoration: underline;
	font-size: 12px
}

.luckyMoney_list .btn {
	float: right;
	width: 70px;
	height: 28px;
	background: #f63;
	border-radius: 2px;
	margin: 21px 10px 0 0;
	line-height: 28px;
	text-align: center;
	color: #FFF;
	font-size: 13px
}

.luckyMoney_list .title {
	padding-top: 10px;
	line-height: 18px;
	margin: 0 100px 0 70px
}

.luckyMoney_list .date {
	font-size: 12px;
	color: #757575;
	line-height: 16px;
	margin: 0 100px 0 70px
}

.luckyMoney_list .status {
	margin: 0 100px 0 70px;
	padding-bottom: 5px;
	height: 15px
}

.luckyMoney_list .status::after {
	content: "";
	display: block;
	clear: both;
	height: 0
}

.luckyMoney_list .status span.statusText {
	background: #eaeaea;
	border-radius: 2px;
	font-size: 10px;
	line-height: 15px;
	padding: 0 3px;
	float: left;
	height: 15px
}

.luckyMoney_list .status span.ruleView {
	font-size: 10px;
	color: #333;
	line-height: 15px;
	height: 15px;
	float: left;
	padding-right: 5px;
	text-decoration: underline
}

.luckyMoney_list .status span.useable {
	padding-left: 15px;
	font-size: 10px;
	line-height: 15px;
	float: left
}

.luckyMoney_list .opened .btn,.luckyMoney_list .passed .btn,.luckyMoney_list .used .btn {
	display: none
}

.luckyMoney_list .opened .right,.luckyMoney_list .opened .right .use,.luckyMoney_list .used .right {
	display: block
}

.luckyMoney_list .passed .icon,.luckyMoney_list .used .icon {
	background: url(../images/luckyMoney_gray.png) center center no-repeat;
	background-size: 70px 70px
}

.luckyMoney_list .used .use {
	display: none
}

.luckyMoney_list .used .price {
	padding-top: 12px
}

.luckyMoney_window {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.8);
	display: none
}

.luckyMoney_window .content {
	width: 278px;
	height: 389px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -190px 0 0 -139px;
	background: url(../images/luckyMoney_unopen.png) center center no-repeat;
	background-size: contain
}

.luckyMoney_window .content.open {
	width: 278px;
	height: 473px;
	margin: -237px 0 0 -139px;
	background: url(../images/luckyMoney_open.png) center center no-repeat;
	background-size: contain
}

.luckyMoney_window.mini .content {
	width: 265px;
	height: 376px;
	margin: -188px 0 0 -132px
}

.luckyMoney_window.mini .content.open {
	width: 265px;
	height: 450px;
	margin: -225px 0 0 -132px
}

.luckyMoney_window .content .btn {
	width: 120px;
	height: 40px;
	background: url(../images/luckyMoney_use.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -58px;
	bottom: 50px;
	display: none
}

.luckyMoney_window .content.open .btn {
	display: block
}

.luckyMoney_window .text {
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
	display: none;
	color: #ffeb00
}

.luckyMoney_window .title {
	font-size: 16px;
	line-height: 18px;
	padding: 10px
}

.luckyMoney_window .price {
	font-size: 40px;
	color: #ffeb00;
	padding: 0 0 50px
}

.luckyMoney_window .desc {
	font-size: 12px;
	padding: 0 10px
}

.luckyMoney_window .openBtn {
	width: 90px;
	height: 90px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -75px 0 0 -45px;
	background: url(../images/luckyMoney_openBtn.png) center center no-repeat;
	background-size: contain
}

.luckyMoney_window .openBtn.opening {
	-webkit-animation: animation-opening infinite ease-in-out 2s
}

.luckyMoneyRules {
	position: absolute;
	top: 64px;
	bottom: 0;
	left: 0;
	right: 0;
	display: none
}

.luckyMoneyRulesInner {
	position: absolute;
	left: 5%;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: #FFF;
	border: 1px solid #EEE;
	border-radius: 2px;
	padding: 10px;
	box-shadow: rgba(0,0,0,.2) 0 0 10px
}

.luckyMoneyRulesInner .title {
	height: 30px;
	font-size: 15px;
	font-weight: 700;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 9px
}

.luckyMoneyRulesInner .ruleWrap {
	max-height: 300px;
	overflow-y: hidden
}

.luckyMoneyRulesInner .ruleInner {
	list-style: disc;
	padding-left: 20px;
	line-height: 24px
}

.luckyMoneyRulesInner .ruleInner li {
	list-style: decimal
}

.luckyMoneyRules .notedButton {
	line-height: 36px;
	display: block;
	margin: 10px auto 0;
	width: 150px;
	background: #e768af;
	border: 1px solid #e768af;
	text-align: center;
	color: #FFF;
	border-radius: 2px
}

.luckyMoneyRules .notedButton.am-clickable-active {
	background-color: #ce4b93;
	border-color: #ce4b93
}

.page_luckyMoneyShare {
	background-color: #FFF
}

.page_luckyMoneyShare .class-fullcenter {
	top: 30%;
	background-color: #FFF
}

.page_luckyMoneyShare .header {
	position: relative;
	background: url(../images/luckyMoneyHeader.png) center top no-repeat;
	background-size: cover
}

.page_luckyMoneyShare .header .headImg {
	position: absolute;
	left: 50%;
	bottom: -25px;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	background: url(../images/head_male.png) center center no-repeat #EEE;
	background-size: cover;
	margin-left: -40px
}

.page_luckyMoneyShare .header .headImg img {
	width: 100%;
	border-radius: 40px
}

.page_luckyMoneyShare .back {
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	height: 44px;
	background: url(../images/back.png) center center no-repeat;
	background-size: 18px 18px
}

.page_luckyMoneyShare .back.am-clickable-active {
	opacity: .7
}

.page_luckyMoneyShare .title {
	padding: 40px 0;
	line-height: 30px;
	font-size: 16px;
	text-align: center
}

.page_luckyMoneyShare .label {
	text-align: center;
	color: #CCC;
	font-size: 12px;
	line-height: 16px
}

.page_luckyMoneyShare .price {
	font-size: 60px;
	color: #f25755;
	text-align: center;
	line-height: 60px
}

.page_luckyMoneyShare .price::before {
	content: "￥";
	font-size: 14px
}

.page_luckyMoneyShare .expire {
	color: #f25755;
	font-size: 12px;
	padding-bottom: 30px;
	margin-top: -10px;
	text-align: center
}

.page_luckyMoneyShare .rule {
	font-size: 12px;
	padding: 0 20px;
	text-align: center
}

.page_luckyMoneyShare .rule::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/waringgth_gray.png) center center no-repeat;
	background-size: 12px 12px;
	position: relative;
	left: -3px;
	top: 2px
}

.page_luckyMoneyShare .share {
	height: 44px;
	margin: 20px 30px 0;
	line-height: 44px;
	color: #FFF;
	text-align: center;
	background-color: #f25755;
	border-radius: 22px;
	font-size: 18px
}

.page_luckyMoneyShare .share.am-disabled {
	background-color: #AAA
}

.page_myCoupon .am-body-wrap {
	top: 85px
}

.isios .page_myCoupon .am-body-wrap {
	top: 105px
}

.myCoupon_list {
	padding-bottom: 10px
}

.myCoupon_list li {
	padding: 10px;
	border-bottom: 1px solid #eee;
	position: relative
}

.myCoupon_list .left {
	width: 100px;
	height: 100px;
	float: left
}

.myCoupon_list .left_center {
	height: 100px;
	background: url(../images/img_bg.png) center center no-repeat #ddd;
	background-size: 60px 60px
}

.myCoupon_list .title {
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
	color: #2a2a2a
}

.myCoupon_list .right {
	margin-left: 110px;
	min-height: 100px
}

.myCoupon_list .status {
	line-height: 20px;
	color: #ca54b6;
	padding-top: 10px
}

.myCoupon_list .date,.myCoupon_list .price {
	font-size: 12px;
	color: #999;
	display: inline-block
}

.myCoupon_list .price {
	padding-right: 15px
}

.myCoupon_list .disabled .right,.myCoupon_list .disabled .status,.myCoupon_list .used .right,.myCoupon_list .used .status {
	color: #CCC
}

.page_realCoupon .am-body-wrap {
	top: 85px
}

.isios .page_realCoupon .am-body-wrap {
	top: 105px
}

.realCoupon_list {
	padding-bottom: 10px
}

.realCoupon_list li {
	margin: 0 10px 5px;
	height: 85px;
	border: 1px solid #eee;
	border-left: none;
	position: relative
}

.realCoupon_list .left {
	background: url(../images/coupon_left.png) left top repeat-y #FFF;
	background-size: 4px 7px;
	margin-right: 80px;
	height: 85px;
	font-size: 18px;
	line-height: 30px;
	padding-left: 10px
}

.realCoupon_list .title {
	display: block;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	padding-top: 5px
}

.realCoupon_list .date,.realCoupon_list .desc {
	font-size: 12px;
	line-height: 22px;
	padding-left: 20px
}

.realCoupon_list .date {
	color: #999;
	background: url(../images/clock_gray.png) left center no-repeat;
	background-size: 16px 16px
}

.realCoupon_list .desc {
	color: #e768ae;
	background: url(../images/barcode.png) left center no-repeat;
	background-size: 16px 16px
}

.realCoupon_list .right {
	float: right;
	width: 80px;
	height: 85px;
	background: url(../images/coupon_right.png) right top repeat-y #e768ae;
	background-size: 2px 7px;
	text-align: center;
	color: #FFF
}

.realCoupon_list .status {
	line-height: 20px;
	font-size: 10px
}

.realCoupon_list .price {
	padding-top: 22px;
	font-size: 20px;
	line-height: 24px
}

.realCoupon_list .disabled .right {
	background-color: #AAA;
	background-image: url(../images/coupon_right_gray.png)
}

.realCoupon_list .disabled .desc,.realCoupon_list .disabled .title {
	color: #999
}

.page_realCouponBarCode .values {
	background: #FFF;
	border-bottom: 1px solid #ededed
}

.page_myCredit {
	background: #f3f3f3
}

.page_myCredit .am-header {
	background: #ca54b6
}

.myCredit_circle .circle2 {
	background: #FFF
}

.myCredit_circle .circle3 {
	height: 150px;
	background: #ca54b6;
	color: #FFF;
	text-align: center
}

.myCredit_circle .t1 {
	padding-top: 32px;
	font-size: 12px;
	opacity: .7
}

.myCredit_circle .t2 {
	font-size: 50px;
	line-height: 60px
}

.page_myCredit .am-header .t3 {
	float: right;
	font-size: 12px;
	line-height: 44px;
	padding: 0 10px 0 20px;
	background: url(../images/waringgth1.png) left center no-repeat;
	background-size: 14px 14px
}

.page_myCredit .tip {
	line-height: 30px;
	color: #999;
	font-size: 12px;
	text-align: center
}

.page_myCredit .tip span {
	display: inline-block;
	background: url(../images/waringgth.png) left center no-repeat;
	background-size: 14px 14px;
	padding: 0 0 0 20px
}

.myCredit_empty {
	padding: 10px
}

.myCredit_empty .text {
	border: 1px solid #EEE;
	background: #FFF;
	font-size: 13px;
	padding: 5px 8px;
	line-height: 22px;
	border-radius: 2px
}

.myCredit_empty .help {
	width: 50px;
	height: 50px;
	background: url(../images/help.png) center center no-repeat;
	background-size: 45px 45px
}

.myCredit_list .list_item {
	border-bottom: 1px solid #eee;
	background: #FFF;
	height: 50px;
	line-height: 50px
}

.myCredit_list .list_item::before {
	content: "";
	float: right;
	width: 35px;
	height: 50px;
	background: url(../images/next.png) center center no-repeat;
	background-size: 30px 18px;
	opacity: .8
}

.myCredit_list .list_item.am-clickable-active {
	background: #f5f5f5
}

.myCredit_list .list_item:first-child {
	border-top: 1px solid #eee
}

.myCredit_list .list_icon {
	width: 40px;
	height: 40px;
	float: left;
	margin: 5px
}

.myCredit_list .name {
	margin-left: 55px
}

.myCredit_list .point {
	float: right;
	font-size: 24px;
	padding-right: 5px;
	color: #f74361
}

.myCredit_list .unit {
	float: right;
	font-size: 12px;
	color: #f74361;
	line-height: 45px;
	margin-top: 5px
}

#page_myCredit2 .myCredit_empty img {
	width: 100%
}

.page_useLuckyMoney {
	background-color: #f5f5f5
}

.page_useLuckyMoney .price {
	line-height: 50px;
	padding: 30px 0;
	text-align: center;
	font-size: 30px;
	color: #f63;
	border-bottom: 1px solid #EEE
}

.page_useLuckyMoney .price span {
	font-size: 58px
}

.page_useLuckyMoney .hr {
	text-align: center;
	line-height: 20px;
	color: #c6c6c6;
	font-size: 12px;
	position: relative;
	top: -10px
}

.page_useLuckyMoney .hr span {
	background: #f5f5f5;
	padding: 0 10px;
	display: inline
}

.useLuckyMoney_cards {
	padding-bottom: 15px
}

.useLuckyMoney_cards ul {
	padding-bottom: 10px
}

.useLuckyMoney_cards li {
	height: 48px;
	line-height: 48px;
	background: url(../images/icon_radio.png) 12px center no-repeat #FFF;
	background-size: 15px 15px;
	padding-left: 30px;
	color: #757575;
	margin-bottom: 7px
}

.useLuckyMoney_cards .icon {
	width: 48px;
	height: 48px;
	float: left;
	background: url(../images/icon_card_gray.png) center center no-repeat;
	background-size: 40px 40px;
	margin-right: 5px
}

.useLuckyMoney_cards .balance {
	float: right;
	padding-right: 12px
}

.useLuckyMoney_cards .selected {
	color: #ca54b6;
	background-image: url(../images/icon_radio_select.png)
}

.useLuckyMoney_cards .selected .icon {
	background-image: url(../images/icon_card.png)
}

.useLuckyMoney_cards .page_button {
	display: block;
	margin: 0 10px;
	border-radius: 2px
}

.page_useLuckyMoney .empty {
	padding: 20px 0
}

.page_useLuckyMoney .empty span {
	margin: 0 auto;
	display: block;
	height: 118px;
	width: 118px;
	background: url(../images/icon_nodata.png) center center no-repeat;
	background-size: contain
}

.page_useLuckyMoney .empty p {
	padding-top: 10px;
	line-height: 20px;
	text-align: center
}

.page_reservation {
	background-color: #eee
}

.reseration_list1 li {
	padding: 20px 40px;
	text-align: center
}

.reseration_list1 .date {
	text-align: center;
	height: 55px
}

.reseration_list1 .date span {
	display: inline-block;
	color: #666;
	font-size: 14px;
	line-height: 30px
}

.reseration_list1 .box {
	background-color: #FFF;
	border-radius: 4px;
	padding-bottom: 20px
}

.reseration_list1 .time {
	height: 45px;
	position: relative;
	top: -22px
}

.reseration_list1 .timeBox {
	border-radius: 23px;
	background: url(../image/clock.png) 5px center no-repeat #e766ad;
	background-size: 40px 40px;
	display: inline-block;
	padding: 5px 20px 5px 50px;
	color: #FFF;
	text-align: left
}

.reseration_list1 .timeText {
	font-size: 18px;
	line-height: 22px
}

.reseration_list1 .timeDesc {
	font-size: 10px;
	line-height: 14px
}

.reseration_list1 .img {
	width: 52px;
	height: 52px;
	border-radius: 29px;
	border: 3px solid #f5f5f5;
	background: url(../../image/jiebao/empBg.png) center center no-repeat #EEE;
	background-size: contain;
	margin: 0 0 0 20px;
	float: left;
	overflow: hidden
}

.reseration_list1 .img img {
	width: 52px;
	border-radius: 26px
}

.reseration_list1 .luckyMoney {
	width: 90px;
	height: 35px;
	margin: 0 auto -10px;
	line-height: 35px;
	border-radius: 4px
}

.reseration_list1 .luckyMoney.am-clickable-active {
	background-color: #EEE
}

.reseration_list1 .luckyMoney::before {
	margin-top: 4px;
	width: 25px;
	height: 25px;
	content: "";
	float: left;
	background: url(../images/luckyMoney.png) left center no-repeat;
	background-size: contain
}

.reseration_list1 .luckyMoneyText {
	color: #555
}

.reseration_list1 .content {
	margin-left: 90px;
	text-align: left
}

.reseration_list1 .label {
	line-height: 16px;
	font-size: 12px;
	color: #a4a4a4
}

.reseration_list1 .title {
	color: #555;
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 10px
}

.reseration_list1 .barber {
	font-size: 15px;
	color: #333;
	line-height: 24px;
	padding-bottom: 10px;
	font-weight: 700
}

.reseration_list1 .address {
	color: #555;
	font-size: 14px;
	line-height: 24px
}

.reseration_list1 .tel {
	font-size: 15px;
	color: #555;
	line-height: 20px;
	height: 20px;
	padding: 5px 0;
	display: block
}

.reseration_list1 .tel .text {
	float: left;
	margin-right: 9px
}

.reseration_list1 .tel .icon {
	float: left;
	width: 20px;
	height: 20px;
	background: url(../../image/jiebao/tel.png) center center no-repeat #fac4c4;
	background-size: contain;
	border-radius: 10px
}

.reseration_list1 .cancel {
	width: 100px;
	height: 32px;
	border: 1px solid #ebb6b6;
	color: #ebb6b6;
	line-height: 32px;
	border-radius: 17px;
	margin: 15px auto 0;
	font-size: 16px
}

.reseration_list1 .cancel.am-clickable-active {
	background-color: #fae5e5
}

.reseration_list1 .canceled .cancel,.reseration_list1 .canceled .cancel.am-clickable-active {
	color: #d4d4d4;
	border-color: #d4d4d4;
	background: 0 0
}

.page_useCoupon .class-fullcenter {
	top: 44px
}

.page_useCoupon .values {
	padding: 10px 0
}

.page_useCoupon .label {
	float: left;
	line-height: 24px;
	width: 35%;
	text-align: right;
	color: #888
}

.page_useCoupon .value {
	margin-left: 35%;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 24px
}

.page_useCoupon .value.green {
	color: #00c319
}

.page_useCoupon .value.gray {
	color: #555
}

.page_useCoupon .value.red {
	color: red
}

.page_useCoupon .tips_useCoupon {
	color: #888;
	padding: 10px 10px 10px 30px;
	line-height: 20px;
	font-size: 12px;
	background: url(../images/tips.png) 10px 12px no-repeat;
	background-size: 15px 15px
}

.page_useCoupon .useCoupon_title {
	line-height: 30px;
	border-bottom: 1px solid #DDD;
	margin: 0 10px;
	padding-left: 10px;
	color: #333
}

.page_useCoupon .useCoupon_item {
	border: 1px solid #DDD;
	margin: 10px;
	padding: 5px
}

.page_useCoupon .desc,.page_useCoupon .name {
	margin-left: 60px;
	line-height: 25px
}

.page_useCoupon .useCoupon_item .img {
	float: left;
	width: 50px;
	height: 50px;
	background: url(../images/img_bg.png) center center no-repeat #f7f7f7;
	background-size: contain
}

.page_useCoupon .useCoupon_item .img img {
	width: 50px
}

.page_useCoupon .desc {
	font-size: 12px;
	color: #888;
	overflow-x: hidden
}

.page_useCoupon .desc img {
	max-width: 100%
}

.page_mallProductDetail .groupingStatus .users,.page_useCoupon .groupingStatus .users {
	padding: 20px;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	height: 40px
}

.page_mallProductDetail .groupingStatus .users li,.page_useCoupon .groupingStatus .users li {
	-webkit-box-flex: 1
}

.page_mallProductDetail .groupingStatus .users li:first-child,.page_useCoupon .groupingStatus .users li:first-child {
	position: relative
}

.page_mallProductDetail .groupingStatus .users li:first-child::before,.page_useCoupon .groupingStatus .users li:first-child::before {
	content: "团长";
	position: absolute;
	left: 50%;
	top: -5px;
	background: #f74361;
	border-radius: 20px;
	line-height: 16px;
	padding: 0 5px;
	color: #FFF;
	font-size: 12px;
	white-space: nowrap
}

.page_mallProductDetail .groupingStatus .users li .img,.page_useCoupon .groupingStatus .users li .img {
	margin: 0 auto;
	width: 40px;
	height: 40px;
	background: url(../images/head_male.png) center center no-repeat #d2d2d2;
	background-size: contain;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	overflow: hidden
}

.page_mallProductDetail .groupingStatus .users li .img img,.page_useCoupon .groupingStatus .users li .img img {
	width: 40px;
	border-radius: 20px;
	display: block
}

.page_mallProductDetail .groupingStatus .users li.empty .img,.page_useCoupon .groupingStatus .users li.empty .img {
	background-image: none
}

.page_mallProductDetail .groupingStatus .users li.empty .img::before,.page_useCoupon .groupingStatus .users li.empty .img::before {
	content: "?";
	font-size: 18px;
	color: #FFF
}

.page_mallProductDetail .groupingStatus h1,.page_useCoupon .groupingStatus h1 {
	font-size: 20px;
	font-weight: 400;
	text-align: center
}

.page_mallProductDetail .groupingStatus h3,.page_useCoupon .groupingStatus h3 {
	font-size: 12px;
	color: #aaa;
	text-align: center;
	line-height: 16px;
	padding-top: 5px
}

.page_mallProductDetail .groupingStatus .highlight,.page_useCoupon .groupingStatus .highlight {
	color: #f61d50
}

.page_mallProductDetail .groupingStatus .btn,.page_useCoupon .groupingStatus .btn {
	background: #e768ae;
	height: 40px;
	border-radius: 20px;
	width: 180px;
	margin: 20px auto;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	font-size: 16px
}

.page_mallProductDetail .groupingStatus .btn.am-clickable-active,.page_useCoupon .groupingStatus .btn.am-clickable-active {
	background: #ed7086
}

.storeBulletin-list {
	padding: 10px 7px 1px
}

.storeBulletin-list li {
	margin-bottom: 20px;
	border: 1px solid #DDD;
	position: relative
}

.storeBulletin-list li .content {
	line-height: 20px;
	padding: 5px 10px;
	word-break: break-all;
	font-size: 14px
}

.storeBulletin-list li .question {
	line-height: 20px;
	padding: 5px 10px 0 30px;
	font-weight: 700
}

.storeBulletin-list li .answer {
	line-height: 20px;
	padding: 0 10px 5px 30px
}

.storeBulletin-list li .time {
	border-top: 1px solid #DDD;
	line-height: 20px;
	padding: 5px 10px;
	text-align: right
}

.storeBulletin-list li .time span {
	margin-right: 15px
}

.storeBulletin-list li .stars,.storeSignin-creat .stars {
	position: absolute;
	bottom: 8px;
	left: 8px;
	width: 75px;
	height: 15px;
	background: url(../images/icon-star-gray.png) repeat-x;
	background-size: 15px 15px
}

.storeBulletin-list .reply {
	border-top: 1px solid #DDD;
	padding: 5px 0;
	margin: 0 10px;
	font-size: 12px;
	word-break: break-all;
	color: #888
}

.storeSignin-creat .stars {
	width: 150px;
	height: 30px
}

.storeBulletin-list li .stars p,.storeSignin-creat .stars p {
	width: 0;
	height: 15px;
	background: url(../images/icon-star.png) repeat-x;
	background-size: 15px 15px
}

.storeSignin-creat .stars p {
	height: 30px
}

.storeBulletin-list li {
	border-color: #DDD
}

.storeBulletin-list li .time {
	color: #717171
}

.storeBulletin-list li .answer {
	color: #737373
}

.storeSignin-creat .stars,.storeSignin-creat .stars p {
	background-size: 30px 30px
}

.page-storeBulletin .create {
	background-image: url(../images/icon-add.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px 32px
}

.page_bulletinAdd .stars {
	width: 150px;
	height: 30px;
	background: url(../images/icon-star-gray.png) left center repeat-x
}

.page_bulletinAdd .stars p {
	height: 30px;
	background: url(../images/icon-star.png) left center repeat-x
}

.page_bulletinAdd .stars_panel {
	width: 230px;
	margin: 0 auto;
	padding-bottom: 10px
}

.c-innerHeader>.button,.c-innerHeader>p {
	height: 44px;
	position: absolute;
	color: #fff;
	bottom: 0
}

.mallProductList td.special>.title>p,.mallProductList td>.title>p {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.c-innerHeader {
	position: absolute;
	height: 44px;
	top: 0;
	width: 100%;
	z-index: 10
}

.c-innerHeader>p {
	left: 44px;
	right: 44px;
	font-size: 18px;
	line-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	text-align: center
}

.c-innerHeader>.button {
	width: 44px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
	font-size: 12px;
	z-index: 1
}

.c-innerHeader>.button.am-clickable-active {
	background-color: rgba(0,0,0,.2)
}

.c-innerHeader>.button.left {
	left: 0;
	right: auto
}

.c-innerHeader>.button.right {
	right: 0;
	left: auto
}

.c-innerHeader>.button.share {
	background-image: url(../images/share2.png)
}

.c-innerHeader>.button.am-backbutton {
	background-image: url(../images/back2.png)
}

.c-innerHeader>.button.text {
	width: auto;
	line-height: 44px;
	padding: 0 10px
}

.isios .c-innerHeader {
	height: 64px
}

.page_mallMain {
	background: #f6f6f6
}

.page_mallMain .mallTop {
	position: relative;
	border-bottom: #ededed 1px solid;
	overflow: hidden;
	background: #fff
}

.page_mallMain .mallTop>.bigimg {
	background: url(../src/mallTop.jpg) center center no-repeat;
	background-size: cover;
	position: relative
}

.page_mallMain .mallTop>.bigimg .bigimgCover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5)
}

.page_mallMain .mallTop .mallnotice {
	background: url(../images/mallnotice_ico.png) 10px center no-repeat rgba(0,0,0,.4);
	background-size: 20px 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #dedede;
	padding: 10px 10px 10px 39px;
	z-index: 2
}

.page_mallMain .class-fullcenter {
	top: 0;
	bottom: 52px
}

.page_mallMain .catigories {
	background: #fff;
	height: 80px;
	margin-bottom: 10px;
	display: -webkit-box
}

.page_mallMain .catigories>.item {
	width: 50%;
	-webkit-box-flex: 1;
	padding: 10px 0
}

.page_mallMain .catigories>.item>.icon {
	width: 40px;
	height: 40px;
	background-color: transparent;
	background-image: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: auto
}

.page_mallMain .catigories>.item>.icon.icon1 {
	background-image: url(../images/mall/catigoryIcon1.png)
}

.page_mallMain .catigories>.item>.icon.icon2 {
	background-image: url(../images/mall/catigoryIcon2.png)
}

.page_mallMain .catigories>.item>.text {
	text-align: center;
	color: #555;
	margin-top: 9px;
	line-height: 11px;
	font-size: 11px
}

.page_mallMain .catigories>.item.am-clickable-active {
	background: #f4f4f4
}

.page_mallMain .blockarea {
	background: #fff;
	margin-bottom: 10px
}

.page_mallMain .blockarea>.title {
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #666;
	background-color: transparent;
	background-image: none;
	background-position: 10px 8px;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	padding: 0 0 0 35px
}

.page_mallMain .blockarea>.title.rush {
	background-image: url(../images/mall/titleIcon1.png)
}

.page_mallMain .blockarea>.title.hot {
	background-image: url(../images/mall/titleIcon2.png)
}

.page_mallMain .blockarea li {
	height: 108px;
	border-bottom: #f6f6f6 2px solid;
	position: relative
}

.page_mallMain .blockarea li.am-clickable-active {
	background: #efefef
}

.page_mallMain .blockarea li .photo {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 4px;
	left: 4px
}

.page_mallMain .blockarea li .photo.end::after,.page_mallMain .blockarea li .photo.saleout::after {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.5);
	line-height: 108px;
	color: #eee;
	font-size: 16px;
	text-align: center;
	position: absolute
}

.page_mallMain .blockarea li .photo>img {
	width: 100%;
	height: 100%;
	display: block
}

.page_mallMain .blockarea li .photo.saleout::after {
	content: "已售罄"
}

.page_mallMain .blockarea li .photo.end::after {
	content: "抢购已结束"
}

.page_mallMain .blockarea li .right {
	margin: 0 10px 0 123px
}

.page_mallMain .blockarea li .title {
	color: #222;
	font-size: 15px;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	padding-top: 6px
}

.page_mallMain .blockarea li .prop {
	font-size: 11px;
	color: #555;
	line-height: 22px
}

.page_mallMain .blockarea li .prop>span {
	color: #fff;
	background: #555;
	display: inline-block;
	line-height: 14px;
	margin: 2px;
	padding: 0 2px;
	border-radius: 3px;
	min-width: 14px;
	text-align: center
}

.page_mallMain .blockarea li .prop>span.red {
	background: #ff3c58
}

.page_mallMain .blockarea li .progressBar {
	font-size: 11px;
	color: #555;
	height: 9px;
	background: #ffdae0;
	margin-right: 90px;
	margin-top: 6px;
	border-radius: 9px;
	display: none
}

.page_mallMain .blockarea li .progressBar>.inner {
	background: #f74361;
	height: 9px;
	border-radius: 9px
}

.page_mallMain .blockarea li .progressRight {
	position: absolute;
	right: 10px;
	top: 30px;
	display: none
}

.page_mallMain .blockarea li .progressRight span {
	display: block;
	font-size: 11px;
	color: #555;
	text-align: right;
	line-height: 16px
}

.page_mallMain .blockarea li .progressRight span.red {
	color: #f74361
}

.page_mallMain .blockarea li .ordinaryPrice {
	color: #b3b3b3;
	font-size: 10px;
	text-decoration: line-through;
	margin-top: 15px
}

.page_mallMain .blockarea li .price {
	color: #e768ae;
	font-size: 11px
}

.page_mallMain .blockarea li .price>span {
	font-size: 21px
}

.page_mallMain .blockarea li .button {
	float: right;
	height: 17px;
	line-height: 17px;
	color: #222;
	width: 54px;
	text-align: center;
	border: 1px solid #bfbfbf;
	border-radius: 54px;
	font-size: 10px;
	margin-top: 5px
}

.page_mallMain .blockarea li .button.red {
	border: 1px solid #e768ae;
	background: #e768ae;
	color: #fff
}

.mallProductList {
	width: 100%;
	border-top: #ededed 1px solid
}

.mallProductList td {
	visibility: hidden;
	width: 50%;
	padding: 5px;
	border-bottom: #ededed 1px solid
}

.mallProductList td:first-child {
	border-right: #ededed 1px solid
}

.mallProductList td.am-clickable-active {
	background: #efefef
}

.mallProductList td>.bigimg {
	width: 100%;
	height: 46.5625vw;
	background: url(../images/mallProductBg.png) center center no-repeat #ddd;
	background-size: 58px 37px
}

.mallProductList td>.bigimg>img {
	width: 100%;
	height: 100%
}

.mallProductList td>.title {
	font-size: 14px;
	color: #222;
	margin: 5px 0;
	height: 34px
}

.mallProductList td>.title>p {
	line-height: 17px;
	height: 34px;
	display: -webkit-box;
	-webkit-line-clamp: 2
}

.mallProductList td>.prop {
	margin-bottom: 5px;
	font-size: 11px;
	color: #ff3c58;
	line-height: 17px;
	display: none
}

.mallProductList td>.prop>span {
	color: #fff;
	background: #ff3c58;
	display: inline-block;
	line-height: 14px;
	margin: 2px;
	padding: 0 2px;
	border-radius: 3px;
	min-width: 14px;
	text-align: center
}

.mallProductList td>.prop>.hollow {
	border: 1px solid #ff3c58;
	border-radius: 3px;
	background: 0 0;
	color: #ff3c58
}

.mallProductList td.special>.title {
	height: 17px;
	margin-bottom: 0
}

.mallProductList td.special>.title>p {
	height: 17px;
	display: -webkit-box;
	-webkit-line-clamp: 1
}

.mallProductList td.rush .line1 .right,.mallProductList td.special>.prop {
	display: block
}

.mallProductList td .line1 {
	line-height: 17px
}

.mallProductList td .line1 .left {
	float: left;
	color: #f74361;
	font-size: 11px
}

.mallProductList td .line1 .left .price {
	font-size: 15px
}

.mallProductList td .line1 .left .ordinaryPrice {
	color: #b3b3b3;
	font-size: 10px;
	margin-left: 5px;
	text-decoration: line-through
}

.mallProductList td .line1 .right {
	float: right;
	color: #b3b3b3;
	font-size: 10px;
	margin-left: 5px;
	margin-top: 3px;
	line-height: 14px;
	display: none
}

.mallBlock {
	background: #fff;
	margin-bottom: 10px
}

.mallBlock .bigTitle {
	line-height: 40px;
	height: 40px;
	font-size: 13px;
	color: #666;
	position: relative
}

.mallBlock .bigTitle::before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 13px;
	background: #ff9bc1;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px
}

.mallBlock .bigTitle>.text {
	vertical-align: middle
}

.mallBlock .bigTitle>.right {
	display: block;
	font-size: 12px;
	color: #aaa;
	float: right;
	line-height: 40px;
	padding-right: 20px;
	background: url(../images/mall/catigoryArrow.png) right center no-repeat;
	background-size: 15px 10px
}

.mallBlock .bigTitle>.am-clickable-active {
	opacity: .7
}

.page_mallMain .mallEmpty {
	height: 150px;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center
}

.page_mallMain .mallEmpty .image {
	width: 90px;
	height: 85px;
	margin: auto;
	background: url(../images/mallNoProduct.png) center top no-repeat;
	background-size: 90px 85px
}

.page_mallMain .mallEmpty p {
	text-align: center;
	font-size: 11px;
	color: #757575;
	padding-top: 15px
}

.page_mallPayment .class-fullcenter {
	top: 44px;
	bottom: 0
}

body.isios .page_mallPayment .class-fullcenter {
	top: 64px
}

.luckyMoneyPay {
	background-color: #FFF
}

.luckyMoneyPay.am-clickable-active {
	background: #eee
}

.luckyMoneyPay .text {
	margin-left: 40px;
	font-size: 16px;
	color: #4e4e4e
}

.page_mallPayment .mallList.luckyMoneyList {
	background-color: #f0f5f7
}

.luckyMoneyList .text {
	font-size: 16px;
	color: #f63;
	margin-left: 60px
}

.luckyMoneyList .date {
	float: right;
	margin-right: 55px;
	font-size: 12px;
	color: #888
}

.page_mallPayment .am-body-wrap {
	background: #eee
}

.page_mallPayment .mallTitle {
	height: 27px;
	line-height: 27px;
	padding: 14px 10px 0;
	font-size: 11px;
	color: #757575
}

.page_mallPayment .mallList {
	background: #fff
}

.luckyMoneyPay,.page_mallPayment .mallList>li {
	line-height: 23px;
	padding: 10px;
	border-bottom: #ddd 1px solid;
	font-size: 14px;
	color: #4e4e4e;
	position: relative
}

.page_mallPayment .mallList>li>.left {
	float: left;
	color: #cecece;
	width: 75px
}

.luckyMoneyList li.failed,.luckyMoneyList li.loading .text {
	font-size: 12px;
	color: #888
}

.luckyMoneyList .icon,.luckyMoneyPay .icon,.page_mallPayment .mallList>li>.leftIcon {
	display: block;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

.luckyMoneyList .icon {
	left: 25px
}

.luckyMoneyList li.loading .icon {
	background: url(../images/blueloading-small.png) center center no-repeat;
	background-size: 30px 30px;
	-webkit-animation: animation-loading infinite linear 1s
}

.luckyMoneyList li.failed {
	text-align: center
}

.luckyMoneyList li.failed .checkUnOpenLuckyMoeny {
	text-decoration: underline;
	color: #f63
}

.luckyMoneyList .icon,.luckyMoneyPay .icon {
	background-image: url(../images/luckyMoney.png);
	background-size: 42px 42px
}

.page_mallPayment .mallList>li>.leftIcon.icon1 {
	background-image: url(../images/mallPaymentIcon1.png)
}

.page_mallPayment .mallList>li>.leftIcon.icon2 {
	background-image: url(../images/mallPaymentIcon2.png)
}

.page_mallPayment .mallList>li>.leftIcon.icon3 {
	background-image: url(../images/mallPaymentIcon3.png)
}

.page_mallPayment .mallList>li>.leftIcon.icon4 {
	background-image: url(../images/mallPaymentIcon4.png)
}

.page_mallPayment .mallList>li>.mainPay {
	margin-left: 40px;
	font-size: 16px;
	color: #4e4e4e
}

.luckyMoneyPay .checkbox,.page_mallPayment .mallList>li>.checkbox {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background-image: url(../images/mallPaymentCheckbox.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

.luckyMoneyPay .checkbox.checked,.page_mallPayment .mallList>li>.checkbox.checked {
	background-image: url(../images/mallPaymentCheckbox-s.png)
}

.page_mallPayment .mallList .orange {
	color: #f63
}

.page_mallPayment .mallList>li.sub {
	background: #f0f5f7
}

.page_mallPayment .mallList>li.sub>.leftIcon {
	margin-top: -12px;
	width: 24px;
	height: 24px;
	left: 30px
}

.page_mallPayment .mallList>li.sub>.mainPay {
	margin-left: 54px
}

.page_mallPayment .mallList>li.sub>.balance {
	display: block;
	position: absolute;
	right: 55px;
	top: 0;
	height: 43px;
	line-height: 43px;
	font-size: 14px;
	color: #f63
}

.page_mallPayment .mallList>li.sub>.right {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 43px;
	font-size: 9px;
	display: none
}

.wechatTips,.wechatTips>.close {
	right: 0;
	top: 0;
	position: absolute
}

.page_mallPayment .mallList>li.am-clickable-active {
	background: #eee
}

.page_mallPayment .mallList>li.am-disabled .checkbox {
	display: none
}

.page_mallPayment .mallList>li.am-disabled .right {
	display: block
}

.page_mallPayment .mallList>li.am-disabled .balance,.page_mallPayment .mallList>li.am-disabled .mainPay {
	color: #ccc
}

.page_mallPayment .mallList>li>textarea {
	width: 100%;
	border: none;
	height: 40px
}

.page_mallPayment .actionBar {
	padding: 15px;
	box-shadow: 3px 0 5px rgba(0,0,0,.2)
}

.page_mallPayment .actionBar>.button {
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #ca54b6;
	font-size: 18px;
	border-radius: 2px;
	display: block;
	text-align: center
}

.page_mallPayment .actionBar>.button.am-clickable-active {
	opacity: .7
}

.wechatTips {
	left: 0;
	bottom: 0;
	background: #fff;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center
}

.wechatTips>.close {
	width: 40px;
	height: 40px;
	background: url(../images/mall-tip-close.png) center center no-repeat;
	background-size: 14px 14px
}

.wechatTips .logo {
	width: 76px;
	height: 76px;
	border: 5px solid #e8e8e8;
	border-radius: 76px;
	background: url(../images/mallHeaderBg.png) center center no-repeat #ddd;
	background-size: 32px 32px;
	margin: 0 auto 20px
}

.wechatTips .logo>img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%
}

.wechatTips .line1 {
	color: #222;
	font-size: 14px;
	text-align: center;
	font-weight: 700;
	line-height: 23px
}

.wechatTips .line1>span {
	color: #999
}

.wechatTips .line2 {
	color: #222;
	font-size: 14px;
	line-height: 23px
}

.wechatTips .wechatTipsQrcode {
	width: 200px;
	height: 200px;
	margin: auto
}

.wechatTips .wechatTipsQrcode>img {
	display: block;
	width: 100%;
	height: 100%
}

.wechatTips .line3 {
	text-align: center;
	font-size: 12px;
	color: #222;
	margin-top: -10px
}

.wechatTips>.footer {
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #999;
	font-size: 12px
}

.page_mallPayment .mallList.deleverUl .deleverType .radio {
	float: left;
	padding: 0 20px 0 30px;
	background: url(../images/icon_radio.png) 5px center no-repeat;
	line-height: 44px;
	background-size: 15px 15px;
	font-size: 12px
}

.page_mallPayment .mallList.deleverUl .deleverType .radio.checked {
	background-image: url(../images/icon_radio_select.png)
}

.page_mallPayment .mallList.deleverUl .label {
	float: left;
	font-size: 14px;
	width: 90px
}

.page_mallPayment .mallList.deleverUl .val {
	margin-left: 90px
}

.page_mallPayment .mallList.deleverUl .val.selected {
	font-size: 14px;
	color: #333
}

.page_mallPayment .mallList.deleverUl .val input {
	border: none;
	height: 44px;
	width: 100%;
	display: block;
	font-size: 15px
}

.page_mallPayment .mallList.deleverUl li {
	height: 44px;
	padding: 0 10px;
	line-height: 44px
}

.page_mallPayment .mallList.deleverUl li.storeSelector .val {
	text-align: right;
	padding-right: 20px;
	background: url(../images/arrow_right.png) right center no-repeat;
	background-size: 15px 15px;
	font-size: 12px;
	color: #aaa
}

.page_mallPayment .mallList.deleverUl li.storeSelector .val.selected {
	color: #333
}

.page_mallProductList {
	background-color: #fff
}

.page_mallProductList .class-fullcenter {
	top: 64px;
	bottom: 52px
}

.page_mallProductList.list .class-fullcenter {
	top: 64px;
	bottom: 52px;
	left: 73px
}

.page_mallProductList.list .am-body-wrap {
	left: 73px;
	right: 0;
	width: auto
}

.page_mallProductList.list .mallTabContainer {
	position: absolute;
	width: 73px;
	bottom: 52px;
	top: 44px;
	background: #f2f2f2;
	font-size: 13px;
	overflow: hidden
}

.page_mallProductList.list .mallTabContainer ul {
	padding: 1px 0
}

.page_mallProductList.list .mallTabContainer li {
	margin: 10px 0;
	height: 32px;
	line-height: 32px;
	padding: 0 8px;
	overflow: hidden
}

.page_mallProductList.list .mallTabContainer li.selected {
	color: #ca54b6;
	border-right: 3px solid #ca54b6
}

.page_mallProductList.list .mallProductList2 li {
	height: 90px;
	border-bottom: #eee 1px solid;
	position: relative
}

.page_mallProductList.list .mallProductList2 li.am-clickable-active {
	background: #efefef
}

.page_mallProductList.list .mallProductList2 li .photo {
	position: absolute;
	top: 12px;
	left: 7px;
	width: 65px;
	height: 65px
}

.page_mallProductList.list .mallProductList2 li .photo>img {
	width: 100%;
	height: 100%;
	display: block
}

.page_mallProductList.list .mallProductList2 li .right {
	margin: 0 10px 0 79px
}

.page_mallProductList.list .mallProductList2 li .title {
	color: #222;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	padding-top: 6px
}

.page_mallProductList.list .mallProductList2 li .desc {
	color: #999;
	font-size: 11px;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.page_mallProductList.list .mallProductList2 li .prop {
	margin-bottom: 5px;
	font-size: 11px;
	color: #ff3c58;
	line-height: 17px
}

.page_mallProductList.list .mallProductList2 li .prop>span {
	color: #fff;
	background: #ff3c58;
	display: inline-block;
	line-height: 14px;
	margin: 2px;
	padding: 0 2px;
	border-radius: 3px;
	min-width: 14px;
	text-align: center
}

.page_mallProductList.list .mallProductList2 li .line1 {
	font-size: 10px;
	color: #f74361
}

.page_mallProductList.list .mallProductList2 li .line1 .ordinaryPrice {
	color: #b3b3b3;
	text-decoration: line-through;
	margin-left: 5px
}

.page_mallProductList.list .mallProductList2 li .line1 .price {
	font-size: 15px
}

.page_mallProductList.list .mallProductList2 li .line1 .salledNum {
	margin-left: 5px;
	color: #b3b3b3
}

.page_mallProductList.block .mallTabContainer {
	border-bottom: 1px solid #E5E5E5
}

.page_mallProductList.block .mallTabContainer>.arrow_right {
	float: right;
	width: 20px;
	height: 40px;
	background: url(../images/messageArrow.png) center center no-repeat;
	background-size: 5px 10px;
	display: none
}

.page_mallProductList.block .mallTabContainer .mallTab {
	height: 40px
}

.page_mallProductList.block .mallTabContainer .mallTab .mallTab_inner {
	float: left
}

.page_mallProductList.block .mallTabContainer .mallTab ul {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	height: 40px;
	font-size: 14px;
	position: relative
}

.page_mallProductList.block .mallTabContainer .mallTab li {
	min-width: 50px;
	-webkit-box-flex: 1;
	text-align: center;
	line-height: 40px;
	white-space: nowrap;
	padding: 0 10px;
	margin: 0 5px
}

.page_mallProductList.block .mallTabContainer .mallTab li.selected {
	color: #ca54b6;
	height: 38px;
	border-bottom: 3px solid #ca54b6
}

.page_mallProductList.block .mallTabContainer.arrow>.arrow_right {
	display: block
}

.page_mallProductList.block .mallTabContainer.arrow .mallTab {
	margin-right: 20px;
	overflow: hidden
}

.isios .page_mallProductList.list .mallTabContainer {
	top: 64px
}

.page_mallProductList.list .mallTabContainer .mallTab {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: hidden
}

.page_mallProductDetail {
	background: #f6f6f6
}

.page_mallProductDetail .class-fullcenter {
	top: 0;
	bottom: 0
}

.page_mallProductDetail .am-carrousel {
	height: 200px;
	overflow: hidden;
	position: relative;
	background: #fff
}

.page_mallProductDetail .am-carrousel>.am-carrousel-inner li {
	float: left;
	height: 100vw;
	width: 100%;
	display: -webkit-box
}

.page_mallProductDetail .am-carrousel>.am-carrousel-inner li>img {
	width: 100%;
	height: 100%;
	display: block
}

.page_mallProductDetail .am-carrousel>.count {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	height: 8px
}

.page_mallProductDetail .am-carrousel>.count li {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #cecdce;
	opacity: .8;
	margin-right: 5px;
	border-radius: 4px;
	position: relative
}

.page_mallProductDetail .am-carrousel>.count li.selected {
	background: #959595
}

.page_mallProductDetail .mallBlock {
	padding: 0 15px
}

.page_mallProductDetail .mallBlock>.title {
	color: #4e4e4e;
	font-size: 16px;
	line-height: 45px;
	font-weight: 700
}

.page_mallProductDetail .mallBlock>.line1 {
	line-height: 17px;
	font-size: 11px;
	color: #ff3c58
}

.page_mallProductDetail .mallBlock>.line1 .price {
	color: #ff3c58;
	font-size: 24px
}

.page_mallProductDetail .mallBlock>.line1 .ordinaryPrice {
	color: #b3b3b3;
	margin-left: 5px;
	text-decoration: line-through
}

.page_mallProductDetail .mallBlock>.line1 .amount,.page_mallProductDetail .mallBlock>.line1 .separate {
	color: #b3b3b3;
	margin-left: 5px
}

.page_mallProductDetail .mallBlock>.prop {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #ff3c58;
	line-height: 17px
}

.page_mallProductDetail .mallBlock>.prop>span {
	color: #ff3c58;
	border: 1px solid #ff3c58;
	display: inline-block;
	line-height: 14px;
	margin: 2px;
	padding: 0 2px;
	border-radius: 3px;
	min-width: 14px;
	text-align: center
}

.page_mallProductDetail .mallBlock>.prop>span.groupBuy:nth-child(1) {
	border-radius: 2px;
	border-color: #f1a0cd;
	background-color: #f1a0cd;
	color: #FFF
}

.page_mallProductDetail .mallBlock>.prop>span.groupBuy:nth-child(2) {
	border-radius: 2px;
	border-color: #e768ae;
	background-color: #e768ae;
	color: #FFF
}

.page_mallProductDetail .mallBlock .text {
	color: #555;
	font-size: 12px;
	line-height: 22px;
	padding-top: 4px;
	padding-bottom: 10px
}

.page_mallProductDetail .mallBlock .useway {
	color: #555;
	font-size: 12px;
	line-height: 44px;
	border-top: #eee 1px solid;
	background: url(../images/mall/detailIcon1.png) left center no-repeat;
	background-size: 14px 14px;
	padding-left: 20px
}

.page_mallProductDetail .mallBlock .link {
	color: #757575;
	font-size: 14px;
	line-height: 32px;
	padding: 4px 0 4px 20px;
	background: url(../images/mallListArrowDown.png) right center no-repeat;
	background-size: 11px 7px;
	position: relative
}

.page_mallProductDetail .mallBlock .link.down {
	background: url(../images/mallListArrowDown.png) right center no-repeat;
	background-size: 11px 7px
}

.page_mallProductDetail .mallBlock .link.up {
	background: url(../images/mallListArrowUp.png) right center no-repeat;
	background-size: 11px 7px
}

.page_mallProductDetail .mallBlock .link>span.icon {
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px 14px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 0
}

.page_mallProductDetail .mallBlock .link>span.icon1 {
	background-image: url(../images/mall/detailIcon2.png)
}

.page_mallProductDetail .mallBlock .storeList>li {
	border-top: #eee 1px solid;
	padding: 8px 0
}

.page_mallProductDetail .mallBlock .storeList>li .line1 {
	font-size: 14px;
	color: #848484;
	line-height: 22px
}

.page_mallProductDetail .mallBlock .storeList>li .line2 {
	font-size: 12px;
	color: #bababa;
	line-height: 16px;
	background: url(../images/mallDetailStorePos.png) left center no-repeat;
	background-size: 8px 11px;
	padding: 3px 0 3px 15px;
	min-height: 16px
}

.page_mallProductDetail .actionBar {
	height: 45px;
	border-top: #ebebeb 1px solid;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 45px
}

.page_mallProductDetail .actionBar>div {
	display: none;
	color: #fff;
	background: #535353;
	font-size: 14px;
	float: right;
	text-align: center;
	width: 100%;
	height: 45px
}

.page_mallProductDetail .actionBar>div.am-disabled {
	background: #ccc;
	border: 1px solid #aaa
}

.page_mallProductDetail .actionBar>div.am-clickable-active {
	opacity: .7
}

.page_mallProductDetail .actionBar>div.countdown {
	background: #f74361
}

.page_mallProductDetail .actionBar>div.countdown>span {
	color: #f74361;
	background: #fff;
	display: inline-block;
	line-height: 24px;
	margin: 2px;
	padding: 0 4px;
	border-radius: 3px;
	min-width: 16px
}

.page_mallProductDetail .actionBar>div.buy {
	background: #f74361
}

.page_mallProductDetail .actionBar>div.buy::before {
	content: "";
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../images/mallDetailActionBar-2.png) center center no-repeat;
	background-size: 22px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 5px
}

.page_mallProductDetail .actionBar>div.orders {
	background: #fff;
	color: #555
}

.page_mallProductDetail .actionBar>div.orders::after {
	content: "我的订单"
}

.page_mallProductDetail .actionBar>div.orders::before {
	content: "";
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../images/mallDetailActionBar-1.png) center center no-repeat;
	background-size: 19px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 3px
}

.page_mallProductDetail .actionBar>div.groupBuyBtns .groupOption {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	height: 45px
}

.page_mallProductDetail .actionBar>div.groupBuyBtns .groupOption li {
	-webkit-box-flex: 1;
	padding-top: 7px;
	line-height: 16px
}

.page_mallProductDetail .actionBar>div.groupBuyBtns .groupOption li:nth-child(1) {
	background: #535353
}

.page_mallProductDetail .actionBar>div.groupBuyBtns .groupOption li.am-clickable-active {
	opacity: .8
}

.page_mallProductDetail .actionBar>div.groupBuyBtns .groupOption li:nth-child(2) {
	background: #ec86be
}

.page_mallProductDetail .actionBar>div.groupBuyBtns .groupOption li:nth-child(3),.page_mallProductDetail .actionBar>div.share {
	background: #e768ae
}

.page_mallProductDetail .actionBar>div.groupBuyBtns .groupOption li .price::before {
	content: "￥"
}

.page_mallProductDetail .actionBar>div.groupBuyBtns .groupOption li .text {
	font-size: 13px
}

.page_mallProductDetail .actionBar>div.share::before {
	content: "";
	display: inline-block;
	background: url(../images/share.png) center center no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	position: relative;
	left: -5px;
	top: 5px
}

.page_mallProductDetail .actionBar>div.share::after {
	content: "我要分享"
}

.page_mallProductDetail .actionBar>div.groupBuyAttend {
	background: #e768ae;
	line-height: 45px;
	width: 50%;
	text-align: center
}

.page_mallProductDetail .actionBar.phase1>div.countdown {
	display: block
}

.page_mallProductDetail .actionBar.phase2>div.buy,.page_mallProductDetail .actionBar.phase2>div.orders {
	display: block;
	width: 50%
}

.page_mallProductDetail .actionBar.phase3>div.buy {
	display: block;
	width: 40%
}

.page_mallProductDetail .actionBar.phase3>div.inventory {
	display: block;
	width: 60%
}

.page_mallProductDetail .actionBar.phase3>div.inventory>span {
	font-size: 12px;
	color: #bbb
}

.page_mallProductDetail .actionBar.phase4>div.soldOut {
	display: block
}

.page_mallProductDetail .actionBar.phase5 .orders {
	display: block;
	width: 20%
}

.page_mallProductDetail .actionBar.phase5 .orders::after {
	display: none
}

.page_mallProductDetail .actionBar.phase5 .groupBuyBtns {
	display: block;
	width: 80%
}

.page_mallProductDetail .actionBar.phase6 .orders,.page_mallProductDetail .actionBar.phase6 .share,.page_mallProductDetail .actionBar.phase7 .groupBuyAttend {
	display: block;
	width: 50%
}

.page_mallProductDetail .actionBar.phase7 .share {
	display: block;
	width: 50%;
	background-color: #FFF;
	color: #333
}

.page_mallProductDetail .actionBar.phase7 .share::before {
	background: url(../images/action4.png) center center no-repeat;
	background-size: 12px 15px
}

.page_mallProductDetail .actionBar.phase7 .share::after {
	content: "做好人,帮他扩散"
}

.page_mallProductDetail .mallDescBox {
	padding: 0 10px 10px
}

.page_mallProductDetail .mallDescBox img {
	max-width: 100%
}

.page_mallProductDetail .mallDescMore {
	padding: 20px;
	height: 20px
}

.page_mallProductDetail .mallDesc_line {
	border-top: 1px solid #CCC;
	text-align: center
}

.page_mallProductDetail .mallDesc_text {
	position: relative;
	top: -10px;
	display: inline;
	padding: 0 10px;
	font-size: 12px;
	background: #EEE;
	line-height: 20px
}

.page_mallProductDetail .groupBuyConfirm {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
	display: none
}

.page_mallProductDetail .groupBuyConfirm .content {
	position: absolute;
	left: 10%;
	top: 50%;
	width: 84%;
	transform: translateY(-50%);
	background: #FFF;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 4px
}

.page_mallProductDetail .groupBuyConfirm .content .highlight {
	color: #f74361
}

.page_mallProductDetail .groupBuyConfirm .content .title {
	line-height: 40px;
	font-size: 15px;
	text-align: center
}

.page_mallProductDetail .groupBuyConfirm .content .tip {
	color: #aaa;
	text-align: center;
	padding: 5px 20px
}

.page_mallProductDetail .groupBuyConfirm .content .btn {
	border-radius: 25px;
	margin: 15px 40px 0;
	background: #e768ae;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	color: #FFF
}

.page_mallProductDetail .groupBuyConfirm .close {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	bottom: -100px;
	background: url(../images/page-messageBox-close.png) center center no-repeat;
	background-size: 16px 16px;
	border: 2px solid #FFF;
	margin-left: -18px;
	border-radius: 20px;
	opacity: .7
}

.page_mallProductDetail .groupBuyConfirm .close.am-clickable-active {
	opacity: 1
}

.page_mallProductDetail .numSeletor {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page_mallProductDetail .numSeletor .content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #FFF
}

.page_mallProductDetail .numSeletor .content .title {
	line-height: 48px;
	color: #f61d50;
	font-size: 18px;
	border-bottom: 1px solid #EEE;
	padding-left: 10px
}

.page_mallProductDetail .numSeletor .content .price::before {
	content: "￥"
}

.page_mallProductDetail .numSeletor .content .remain {
	font-size: 12px;
	color: #aaa;
	padding-left: 15px
}

.page_mallProductDetail .numSeletor .content .remain::before {
	content: "库存剩余："
}

.page_mallProductDetail .numSeletor .content .limit {
	font-size: 12px;
	color: #aaa;
	padding-left: 5px
}

.page_mallProductDetail .numSeletor .content .close {
	height: 48px;
	width: 48px;
	float: right;
	background: url(../images/mall-tip-close.png) center center no-repeat;
	background-size: 14px 14px
}

.page_mallProductDetail .numSeletor .content .line {
	padding: 15px;
	height: 36px;
	line-height: 36px
}

.page_mallProductDetail .numSeletor .content .numGroup {
	float: right;
	height: 34px;
	border: 1px solid #DDD;
	border-radius: 2px
}

.page_mallProductDetail .numSeletor .content .numGroup div {
	float: left;
	width: 34px;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	height: 34px
}

.page_mallProductDetail .numSeletor .content .numGroup div.am-disabled {
	color: #CCC
}

.page_mallProductDetail .numSeletor .content .numGroup div.num {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	height: 34px
}

.page_mallProductDetail .numSeletor .content .numGroup div.num input {
	display: block;
	width: 26px;
	margin: 0 auto;
	height: 34px;
	font-size: 14px;
	text-align: center;
	border: none;
	line-height: 18px
}

.page_mallProductDetail .numSeletor .content .btn {
	line-height: 44px;
	background: #e768ae;
	text-align: center;
	font-size: 16px;
	color: #FFF
}

.page_mallProductDesc .container {
	padding: 10px
}

.page_mallProductDesc .class-fullcenter {
	top: 44px;
	bottom: 0
}

body.isios .page_mallProductDesc .class-fullcenter {
	top: 64px
}

.page_mallProductDesc img {
	max-width: 100%
}

.page_mallPaysucc .am-body-wrap {
	background: #fff;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center
}

.page_mallPaysucc .centerContent {
	padding: 20px 20px 100px
}

.page_mallPaysucc .centerContent .line1 {
	font-size: 16px;
	color: #7a7a7a;
	line-height: 50px;
	text-align: center
}

.page_mallPaysucc .centerContent .line1 span {
	vertical-align: middle
}

.page_mallPaysucc .centerContent .line1 .icon {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../images/paysucc.png) center center no-repeat;
	background-size: contain
}

.page_mallPaysucc .centerContent .line1 .icon.failed {
	background-image: url(../images/payfailed.png)
}

.page_mallPaysucc .centerContent .line2 {
	font-size: 13px;
	color: #bfbfbf;
	line-height: 20px;
	text-align: center
}

.page_mallPaysucc .actionBar {
	height: 28px;
	padding: 7px 0;
	background: #fff;
	text-align: center;
	margin-top: 10px
}

.page_mallPaysucc .actionBar>.button {
	width: 120px;
	line-height: 28px;
	color: #757575;
	background: #fff;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 2px;
	display: inline-block;
	text-align: center;
	margin-right: 15px
}

.page_mallPaysucc .actionBar>.button.dark {
	color: #fff;
	background: #ca54b6;
	border: 1px solid #ca54b6
}

.page_mallPaysucc .actionBar>.button.dark.am-clickable-active {
	background: #CA8ABF
}

.page_mallPaysucc .actionBar>.button:last-child {
	margin-right: 0
}

.page_mallPaysucc .actionBar>.button.am-clickable-active {
	background: #F3F3F3
}

.page_mallHaveToKnow .container,.page_mallHaveToKnow .container p,.page_mallHaveToKnow ul {
	padding: 10px
}

.page_mallHaveToKnow li {
	line-height: 30px;
	border-bottom: #ddd 1px dashed
}

.page_mallHaveToKnow .right {
	float: right
}

.page_engineering .info {
	padding: 10px;
	background: #fff;
	margin: 10px 10px 0
}

.page_engineering_list {
	padding: 10px
}

.page_engineering_list>li {
	background: #fff;
	line-height: 40px;
	border-bottom: #eee 1px solid;
	padding: 10px
}

.page_engineering_list .text {
	float: left;
	display: inline-block;
	width: 80px;
	font-weight: 700
}

.page_engineering_list .right {
	margin-left: 80px
}

.page_engineering_list>li input,.page_engineering_list>li select {
	height: 30px;
	width: 100%
}

.page_engineering .btnGroup {
	text-align: center;
	padding: 10px
}

.page_engineering .btnGroup>.button {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	background: #ca54b6;
	border-radius: 2px;
	color: #fff;
	margin-right: 10px;
	font-size: 14px
}

.page_engineering .btnGroup>.button.light {
	background: #FFAFF1;
	color: #fff
}

.page_recordDetail .buttons .page_button.comment.am-disabled::before,.page_recordDetail .buttons .page_button.reward.am-disabled::before {
	-webkit-filter: grayscale(100%)
}

.ios .page_recordDetail .class-fullcenter {
	top: 64px
}

.page_recordDetail {
	background-color: #fff
}

.page_recordDetail .class-fullcenter {
	top: 44px
}

.page_recordDetail .serverList {
	padding: 10px 0 0 5px
}

.page_recordDetail .serverList li {
	float: left;
	width: 50%;
	padding: 0 0 10px
}

.page_recordDetail .serverList li .serverImg {
	float: left;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	margin: 0 5px
}

.page_recordDetail .serverList li .serverImg.defultBg {
	background: url(../../image/jiebao/empBg.png) center center no-repeat #fff;
	background-size: contain
}

.page_recordDetail .serverList li .serverImg img {
	width: 36px;
	border-radius: 18px
}

.page_recordDetail .serverList li .serverName {
	margin-left: 42px;
	line-height: 36px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:370px) {
	.page_recordDetail .serverList li {
		width: 33%
	}
}

.page_recordDetail .serverList::after {
	content: "";
	display: block;
	clear: both
}

.page_recordDetail .totalPrice {
	background-color: #fff;
	padding: 10px 0 30px;
	text-align: center
}

.page_recordDetail .totalPrice .label {
	padding: 20px 5px;
	line-height: 20px;
	font-size: 12px;
	color: #222
}

.page_recordDetail .totalPrice .label::before {
	content: "";
	display: block;
	border-bottom: 1px dashed #d5d5d5;
	background: #fff;
	padding: 0 10px
}

.page_recordDetail .totalPrice .label::after {
	color: #999;
	content: "消费金额";
	background: #fff;
	padding: 0 10px;
	position: relative;
	top: -10px
}

.page_recordDetail .totalPrice .num {
	padding-bottom: 20px;
	line-height: 36px;
	font-size: 32px;
	color: #f61d50
}

.page_recordDetail .totalPrice .num::before {
	content: "￥";
	font-size: 24px
}

.page_recordDetail .totalPrice .time {
	font-size: 11px;
	text-align: center;
	color: #999;
	display: none
}

.page_recordDetail .totalPrice .itemBtn {
	border: 1px solid #e2e2e2;
	line-height: 32px;
	display: inline-block;
	padding: 0 10px 0 20px;
	border-radius: 18px
}

.page_recordDetail .totalPrice .itemBtn::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/arrowDark.png) center center no-repeat;
	background-size: 15px 15px;
	position: relative;
	top: 4px
}

.page_recordDetail .totalPrice .itemBtn.am-clickable-active {
	background-color: #eee
}

.page_recordDetail .serviceItemList {
	border-bottom: 1px solid #eee;
	background-color: #fff
}

.page_recordDetail .serviceItemList li {
	padding: 5px 10px 5px 35px;
	position: relative;
	min-height: 24px
}

.page_recordDetail .serviceItemList li::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 0;
	bottom: -12px;
	width: 1px;
	background-color: #d2d2d2
}

.page_recordDetail .serviceItemList li:first-child::before {
	top: 13px
}

.page_recordDetail .serviceItemList li:last-child::before {
	display: none
}

.page_recordDetail .serviceItemList li .no {
	width: 10px;
	width: 16px;
	height: 16px;
	background: #d2d2d2;
	position: absolute;
	left: 20px;
	top: 12px;
	margin: 0 0 0 -8px;
	text-align: center;
	line-height: 16px;
	color: #fff;
	border-radius: 8px
}

.page_recordDetail .serviceItemList li .name {
	float: left;
	line-height: 30px
}

.page_recordDetail .serviceItemList li .price {
	line-height: 30px;
	float: right;
	color: #f61d50
}

.page_recordDetail .serviceItemList li .price::before {
	content: "￥"
}

.page_recordDetail .serviceItemList li .servers {
	clear: both;
	padding: 5px 5px 5px 10px;
	background-color: #eee;
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: horizontal
}

.page_recordDetail .serviceItemList li .servers::before {
	content: "";
	position: absolute;
	left: -4px;
	top: -4px;
	border-bottom: 8px solid #eee;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	transform: rotate(90deg)
}

.empList,.empList .empListBg {
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0
}

.page_recordDetail .serviceItemList li .servers::after {
	content: "";
	display: block;
	clear: both
}

.page_recordDetail .serviceItemList li .servers .server {
	-webkit-box-flex: 1;
	height: 36px
}

.page_recordDetail .serviceItemList li .servers .serverImg {
	float: left;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	overflow: hidden;
	background-color: #fff
}

.page_recordDetail .serviceItemList li .servers .serverImg img {
	width: 36px;
	border-radius: 18px
}

.page_recordDetail .serviceItemList li .servers .serverName {
	margin-left: 42px;
	line-height: 36px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page_recordDetail .buttons {
	background: #fff;
	padding-top: 4px;
	height: 40px;
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: horizontal
}

.page_recordDetail .buttons .page_button {
	-webkit-box-flex: 1;
	height: 34px;
	line-height: 34px;
	margin: 0 5px;
	border-radius: 18px;
	display: block
}

.page_recordDetail .buttons .page_button.comment {
	border: 1px solid #e5e5e5
}

.page_recordDetail .buttons .page_button.comment.am-clickable-active {
	background-color: #e5e5e5
}

.page_recordDetail .buttons .page_button.comment::before {
	content: "1";
	text-indent: -1000em;
	display: inline-block;
	height: 34px;
	width: 34px;
	background: url(../images/blueloading-small.png) center center no-repeat;
	background-size: 30px 30px
}

.page_recordDetail .buttons .page_button.comment::after {
	content: "我要点评";
	display: inline-block;
	height: 34px
}

.page_recordDetail .buttons .page_button.comment.am-disabled {
	background-color: #ececec;
	border-color: #ececec
}

.page_recordDetail .buttons .page_button.comment.am-disabled::after {
	color: #666;
	content: "已点评"
}

.page_recordDetail .buttons .page_button.reward {
	border: 1px solid #e768ae
}

.page_recordDetail .buttons .page_button.reward::before {
	content: "1";
	text-indent: -1000em;
	display: inline-block;
	height: 34px;
	width: 34px;
	background: url(../images/blueloading-small.png) center center no-repeat;
	background-size: 30px 30px
}

.empList .serverImg,.empList .serverImg img {
	width: 32px;
	border-radius: 15px
}

.page_recordDetail .buttons .page_button.reward::after {
	content: "我要打赏";
	display: inline-block;
	height: 34px
}

.page_recordDetail .buttons .page_button.reward.am-clickable-active {
	background-color: #ce4b93;
	border-color: #ce4b93
}

.page_recordDetail .buttons .page_button.reward.am-disabled {
	background-color: #ececec;
	border-color: #ececec
}

.page_recordDetail .buttons .page_button.reward.am-disabled::after {
	color: #666
}

.empList {
	display: none
}

.empList .empListBg {
	background-color: rgba(0,0,0,.4)
}

.empList .empListInner {
	position: absolute;
	bottom: -200px;
	left: 0;
	right: 0;
	border-top: 1px solid #ddd;
	background-color: #fff;
	-webkit-transition: bottom ease-in 2s
}

.empList .title {
	line-height: 24px;
	font-size: 12px;
	color: #999;
	padding-left: 10px
}

.empList .list li {
	padding: 10px;
	border-top: 1px solid #e5e5e5;
	min-height: 30px
}

.empList .serverImg {
	float: left;
	height: 32px;
	margin-right: 8px;
	background: url(../../image/jiebao/empBg.png) center center no-repeat #fff;
	background-size: 32px 32px
}

.empList .serverName {
	line-height: 30px;
	float: left
}

.page_recordItemDetail .listWrap .serviceItemList .price,.page_recordItemDetail .totalPrice .totalPriceRight {
	float: right
}

.empList .button {
	float: right;
	padding: 0 20px;
	line-height: 32px;
	font-size: 12px;
	color: #fff;
	background: #e768ae;
	border-radius: 16px
}

.empList .button.am-clickable-active {
	background: #ce4b93
}

.empList.show {
	display: block
}

.empList.show .empListInner {
	bottom: 0
}

.page_recordItemDetail {
	font-size: 14px
}

.page_recordItemDetail .totalPrice {
	line-height: 28px;
	padding: 15px
}

.page_recordItemDetail .totalPrice .time {
	color: #999
}

.page_recordItemDetail .totalPrice .label {
	display: inline;
	color: #222
}

.page_recordItemDetail .totalPrice .num {
	display: inline;
	color: #f61d50;
	font-size: 16px;
	font-weight: 700
}

.page_recordItemDetail .listWrap {
	background-color: #fff;
	padding: 15px 15px 10px;
	border-top: 1px dashed #d5d5d5;
	border-bottom: 1px dashed #d5d5d5
}

.page_recordItemDetail .listWrap .label {
	color: #999;
	font-size: 12px
}

.page_recordItemDetail .listWrap .serviceItemList {
	padding: 10px 0;
	line-height: 26px
}

.page_commentSubmit {
	background-color: #FFF
}

.page_commentSubmit .tab {
	background-color: #f5f5f5;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	height: 50px;
	line-height: 50px;
	text-align: center
}

.page_commentSubmit .tab li {
	-webkit-box-flex: 1
}

.page_commentSubmit .tab li.selected {
	color: #e768ae;
	border-bottom: 2px solid #e768ae
}

.page_commentSubmit .tab li::before {
	content: "";
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 7px
}

.page_commentSubmit .tab li:nth-child(1)::before {
	background: url(../images/comment_a.png) left center no-repeat;
	background-size: 25px 25px
}

.page_commentSubmit .tab li:nth-child(2)::before {
	background: url(../images/comment_b.png) left center no-repeat;
	background-size: 25px 25px
}

.page_commentSubmit .tab li:nth-child(3)::before {
	background: url(../images/comment_c.png) left center no-repeat;
	background-size: 25px 25px
}

.page_commentSubmit .tags {
	padding: 20px 10px 15px;
	background-color: #FFF
}

.page_commentSubmit .tags::after {
	content: "";
	display: block;
	clear: both
}

.page_commentSubmit .tags li {
	float: left;
	margin: 0 5px 5px;
	line-height: 28px;
	border: 1px solid #ebebeb;
	padding: 0 12px;
	border-radius: 16px
}

.page_commentSubmit .tags li.selected {
	background-color: #e768ae;
	border-color: #e768ae;
	color: #FFF;
	position: relative
}

.page_commentSubmit .tags li.selected::after {
	content: "";
	background: url(../images/reservation_choose.png) center center no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	right: -4px;
	bottom: -2px
}

.page_commentSubmit .comment {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ebebeb;
	background-color: #FFF
}

.page_commentSubmit .comment textarea {
	border: none;
	width: 100%;
	height: 80px;
	line-height: 20px
}

.page_commentSubmit .reward {
	display: block;
	margin: 0 10px
}

.page_commentSubmit .redpacketsWrap {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.page_commentSubmit .redpacketsWrap .redpacketsmask {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .7
}

.page_commentSubmit .redpacketsWrap .redpacketsTips {
	position: absolute;
	width: 260px;
	height: 380px;
	left: 50%;
	top: 50%;
	margin-left: -130px;
	margin-top: -190px;
	background: url(../images/gettips.png) left center no-repeat;
	background-size: contain
}

.page_commentSubmit .redpacketsWrap .redpacketsTips .getbtn {
	position: absolute;
	left: 54px;
	display: block;
	width: 150px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #333;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

.page_commentSubmit .redpacketsWrap .redpacketsTips .forthwithget {
	background: #ffe537;
	bottom: 80px
}

.page_commentSubmit .redpacketsWrap .redpacketsTips .laterget {
	background: #fffceb;
	bottom: 30px
}

.ios .page_reward .am-body-wrap,.ios .page_reward .back {
	top: 20px
}

.ios .page_reward .header {
	padding-top: 20px
}

.page_reward {
	background-color: #FFF
}

.page_reward .am-body-wrap {
	top: 0
}

.page_reward .header {
	font-size: 18px;
	line-height: 44px;
	color: #FFF
}

.page_reward .back {
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	height: 44px;
	background: url(../images/back.png) center center no-repeat;
	background-size: 18px 18px;
	z-index: 102
}

.page_reward .back.am-clickable-active {
	background-color: rgba(255,255,255,.4)
}

.page_reward .servers {
	background: url(../images/rewardBg.png) center bottom no-repeat;
	background-size: cover;
	min-height: 200px;
	text-align: center;
	position: relative
}

.page_reward .servers .server {
	position: absolute;
	left: 0;
	bottom: 20px;
	right: 0
}

.page_reward .servers .server .serverImg {
	display: inline-block;
	width: 64px;
	height: 64px;
	border: 2px solid rgba(255,255,255,.4);
	border-radius: 40px;
	background: url(../../image/jiebao/empBg.png) center center no-repeat #fff;
	background-size: contain
}

.page_reward .servers .server .serverImg img {
	width: 64px;
	border-radius: 40px
}

.page_reward .servers .server .serverName {
	padding-top: 5px;
	line-height: 24px;
	font-size: 14px;
	color: #fff
}

.page_reward .servers .server .serverLevel {
	line-height: 14px;
	font-size: 12px;
	color: #FFF;
	opacity: .6
}

.page_reward .amount {
	position: relative;
	padding: 15px 0 0
}

.page_reward .amount .label {
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	padding: 8px 0 15px;
	color: #999
}

.page_reward .amount .totalInput {
	border: 5px solid #e769af;
	border-radius: 60px
}

.page_reward .amount .total {
	width: 80px;
	margin: 0 auto;
	border: 5px solid #f9d9eb;
	border-radius: 60px;
	-webkit-transition: all .3s ease-in
}

.page_reward .amount .total input {
	border: none;
	font-size: 24px;
	color: #e768ae;
	width: 100%;
	height: 70px;
	border-radius: 40px;
	text-align: center
}

.page_reward .amount .total.am-disabled {
	width: 240px
}

.page_reward .amount .total.am-clickable-active {
	border-color: #e7b9d3
}

.page_reward .amount .total.am-clickable-active .totalInput {
	border-color: #ce4b93
}

.page_reward .amount .random {
	display: block;
	margin: 0 10px;
	border-radius: 2px;
	border: 1px solid #EEE
}

.page_reward .amountTag,.page_reward .payBtn {
	display: -webkit-box;
	-webkit-box-orient: horizontal
}

@media (max-height:480px) {
	.page_reward .amount .total {
		width: 70px
	}

	.page_reward .amount .total input {
		height: 60px;
		font-size: 20px
	}

	.page_reward .amount .label {
		padding: 5px 0
	}
}

@media (min-height:580px) {
	.page_reward .amount {
		padding-top: 25px
	}

	.page_reward .amount .total {
		width: 90px
	}

	.page_reward .amount .total input {
		height: 80px;
		font-size: 28px
	}
}

.page_reward .amountTag {
	padding: 0 8px;
	color: #222
}

.page_reward .amountTag li {
	-webkit-box-flex: 1;
	border: 1px solid #EEE;
	height: 36px;
	background: #FFF;
	border-radius: 2px;
	line-height: 34px;
	margin: 0 2px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap
}

.page_reward .amountTag li.selected {
	background: #e568ac;
	border-color: #e568ac;
	position: relative;
	color: #FFF
}

.page_reward .amountTag li.selected::after {
	content: "";
	background: url(../images/reservation_choose.png) center center no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	right: -4px;
	bottom: -2px
}

.page_reward .comment {
	margin: 10px;
	border: 1px solid #e5e5e5;
	background-color: #FFF;
	border-radius: 2px;
	height: 36px;
	padding-left: 5px
}

.page_reward .comment input {
	width: 100%;
	height: 36px;
	border-radius: 3px;
	border: none;
	font-size: 14px
}

.page_reward .payBtn {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0 5px 5px;
	height: 38px
}

.page_reward .payBtn .page_button.blue {
	height: 38px;
	line-height: 38px;
	margin: 0 3px;
	display: block;
	-webkit-box-flex: 1;
	border-radius: 2px;
	background: #f8f8f8;
	border: 1px solid #E5E5E5;
	color: inherit;
	font-weight: 400;
	padding: 0
}

.page_reward .payBtn .page_button.blue.alipay::before {
	content: "1";
	text-indent: -1000em;
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/mallPaymentIcon1.png) center center no-repeat rgba(255,255,255,.4);
	background-size: 30px 30px;
	border-radius: 15px;
	margin-right: 8px;
	position: relative;
	top: 5px
}

.page_reward .payBtn .page_button.blue.alipay::after {
	content: "支付宝";
	display: inline-block;
	height: 36px
}

.page_reward .payBtn .page_button.blue.wechat::before {
	content: "1";
	text-indent: -1000em;
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/mallPaymentIcon2.png) center center no-repeat rgba(255,255,255,.4);
	background-size: 30px 30px;
	border-radius: 15px;
	margin-right: 8px;
	position: relative;
	top: 6px
}

.page_reward .payBtn .page_button.blue.wechat::after {
	content: "微信";
	display: inline-block;
	height: 36px
}

.page_reward .payBtn .page_button.blue.am-clickable-active {
	border-color: #CCC;
	background-color: #EEE
}

.page_reward .textAnimate {
	font-size: 16px;
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	bottom: 0;
	text-align: center;
	-webkit-animation: rewardComent 1 linear 1s;
	color: #e769af;
	opacity: 0
}

@-webkit-keyframes rewardComent {
	0% {
		width: 100%;
		opacity: 0;
		-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-50,0,1)
	}

	50% {
		width: 100%;
		opacity: 1;
		-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-75,0,1)
	}

	100% {
		width: 100%;
		opacity: 0;
		-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,0,1)
	}
}

.page_rewardSucc .rewardSuccImg {
	height: 200px;
	background: url(../images/reward_succ.png) center center no-repeat;
	background-size: 250px 150px
}

.page_rewardSucc .page_button {
	display: block;
	margin: 0 10px;
	border-radius: 2px
}

@-webkit-keyframes animation-tip {
	0%,100%,30%,40% {
		-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}

	32% {
		-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,5,0,1)
	}

	34% {
		-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5,0,1)
	}

	36% {
		-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1)
	}

	38% {
		-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-10,0,1)
	}
}

.activity_shareRequire {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: none
}

.activity_shareRequire .ASR_content {
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	font-size: 14px
}

.activity_shareRequire .mainImg {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 200%
}

.activity_shareRequire .shareButton {
	display: none;
	position: absolute;
	left: 50%;
	bottom: -60px;
	margin-left: -120px;
	width: 240px;
	height: 40px;
	line-height: 40px;
	background-color: #e14538;
	border-radius: 30px;
	text-align: center
}

.activity_shareRequire .shareButton::before {
	content: "立即分享";
	background: url(../activityRecources/shareIcon.png) left center no-repeat;
	background-size: 16px 16px;
	padding-left: 30px;
	display: inline-block;
	color: #FFF;
	font-size: 14px
}

.activity_shareRequire .shareButton.am-clickable-active {
	background-color: #cc3326
}

.activity_shareRequire .logo {
	overflow: hidden;
	position: absolute;
	left: 50%
}

.activity_shareRequire .logo.defultLogo {
	background: url(../activityRecources/luckyMoney.png) center center no-repeat;
	background-size: contain
}

.activity_shareRequire .logo img {
	width: 100%
}

.activity_shareRequire .close {
	position: absolute;
	width: 28px;
	height: 28px;
	background: url(../activityRecources/close.png) center center no-repeat rgba(255,255,255,.3);
	background-size: 20px 20px;
	border-radius: 14px;
	z-index: 1
}

.activity_shareRequire .close.am-clickable-active {
	background-color: rgba(255,255,255,.6)
}

.activity_shareRequire .wechatTip {
	width: 250px;
	height: 80px;
	background: url(../activityRecources/wechatShare.png) center center no-repeat;
	background-size: 250px 80px;
	position: absolute;
	right: 20px;
	top: 0;
	-webkit-animation: animation-tip infinite ease-in 4s;
	display: none
}

.activity_shareRequire.appShare .wechatTip {
	display: none
}

.activity_shareRequire.appShare .shareButton {
	display: block
}

.activity_shareRequire.template1 .close {
	right: 0;
	top: 0
}

.activity_shareRequire.template1 .ASR_content {
	margin: -200px 0 0 -140px;
	width: 280px;
	height: 330px
}

.activity_shareRequire.template1.wechatShare .ASR_content {
	margin: -165px 0 0 -140px
}

.activity_shareRequire.template1 .mainImg {
	height: 330px;
	background-image: url(../activityRecources/1/bg.png);
	background-size: 280px 330px
}

.activity_shareRequire.template1 .logo {
	top: 25px;
	margin-left: -18px;
	width: 31px;
	height: 31px;
	border-radius: 24px
}

.activity_shareRequire.template1 .logo img {
	width: 31px;
	border-radius: 24px
}

.activity_shareRequire.template1 .name {
	color: #666;
	padding-top: 65px;
	font-size: 12px;
	line-height: 22px
}

.activity_shareRequire.template1 .title {
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	display: inline-block;
	padding: 0 5px;
	background-color: #FFF
}

.activity_shareRequire.template1 .content {
	padding-top: 0;
	color: #f7421e;
	line-height: 20px;
	font-size: 11px
}

.activity_shareRequire.template1 .content p {
	display: inline
}

.activity_shareRequire.template2 .close {
	right: -30px;
	top: -30px
}

.activity_shareRequire.template2 .ASR_content {
	margin: -200px 0 0 -120px;
	width: 240px;
	height: 323px
}

.activity_shareRequire.template2.wechatShare .ASR_content {
	margin: -163px 0 0 -120px
}

.activity_shareRequire.template2 .mainImg {
	height: 323px;
	background-image: url(../activityRecources/2/bg.png);
	background-size: 240px 323px
}

.activity_shareRequire.template2 .logo {
	top: 106.5px;
	margin-left: -22.5px;
	width: 45px;
	height: 45px;
	border-radius: 24px
}

.activity_shareRequire.template2 .logo img {
	width: 45px;
	border-radius: 24px
}

.activity_shareRequire.template2 .name {
	font-size: 14px;
	color: #FFF;
	padding-top: 160px
}

.activity_shareRequire.template2 .title {
	padding-top: 10px;
	font-size: 20px;
	font-weight: 700;
	color: #ffda85
}

.activity_shareRequire.template2 .content {
	padding-top: 27px;
	color: #630b6b;
	line-height: 20px
}

.activity_shareRequire.template3 .close {
	right: 0;
	top: 0
}

.activity_shareRequire.template3 .ASR_content {
	margin: -230px 0 0 -140px;
	width: 280px;
	height: 360px
}

.activity_shareRequire.template3.wechatShare .ASR_content {
	margin: -180px 0 0 -140px
}

.activity_shareRequire.template3 .mainImg {
	height: 360px;
	background-image: url(../activityRecources/3/bg.png);
	background-size: 280px 360px
}

.activity_shareRequire.template3 .logo {
	top: 157px;
	margin-left: -24px;
	width: 35px;
	height: 35px;
	border-radius: 18px
}

.activity_shareRequire.template3 .logo img {
	width: 35px;
	border-radius: 18px
}

.activity_shareRequire.template3 .name {
	color: #a6661c;
	padding-top: 200px
}

.activity_shareRequire.template3 .title {
	padding-top: 10px;
	font-size: 20px;
	font-weight: 700;
	color: #85392a
}

.activity_shareRequire.template3 .content {
	font-size: 12px;
	padding-top: 7px;
	color: #a75c4d;
	line-height: 20px
}

.activity_shareRequire.wechatShare .wechatTip {
	display: block
}

.activity_shareRequire.wechatShare .shareButton {
	display: none
}
